Thử thách ôn tập
Bài học 6 trên 9 trong khóa học Cách căn giữa div hoặc văn bản bằng CSS của Coddy.
Cùng ôn lại nào!
Thử thách
DễBạn có 3 hộp (div), hãy căn giữa mọi thứ theo các yêu cầu sau:
Căn giữa div nhỏ nhất bằng flexbox, căn giữa div cỡ trung bình bằng position and translate.
Đừng thay đổi kích thước!
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3"/>
</div>
</div>
</body>
</html>Tất cả bài học trong Cách căn giữa div hoặc văn bản bằng CSS
1Giới thiệu
Khóa học này là gì?2Căn giữa thẻ div
Margin autoĐịnh vị tuyệt đối bằng translateĐịnh vị tuyệt đối bằng marginFlexboxThử thách ôn tậpTự luyện tập: Playground Web