Cân vị trí
Các lệnh cố định "box" trong "container"
. container {
}
.box {
- position: absolute;
- top: 20 px;
- right: 30px;
- }
display: block;
với margin 4 giá trị: margin:5px 5px 5px 5px; tương đương margin: top right bottom left;
với margin 3 giá trị: margin: 5px 10px 15px; tương đương margin: top left/right bottom;
với margin 2 giá trị: margin: 5px 10px; tương đương margin: top/bottom left/right;
tương tự với padding.
vậy margin:0 auto có nghĩa là gì?
khoảng cách top với bottom là 0px
2 bên left right là auto
nếu bạn chỉ css đến đây thì vẫn chưa canh giữa được một khối block, muốn canh giữa một khối block thì định nghĩa thêm width của khối đó, ví dụ width: 200px; hoặc width: 80%;
còn nếu muốn canh giữa một khối nhưng không set width thì phải gán lại thuộc tính của div đó display:inline-block, sau đó chỉ cần set div cha là text-align:center; là được