Căn giữa hoàn hảo
Bài học 11 trên 15 trong khóa học CSS Flexbox: khóa học đầy đủ của Coddy.
Một trong những vấn đề thường gặp nhất là căn giữa phần tử theo cả chiều ngang lẫn chiều dọc trong vùng chứa. Với flexbox, việc này rất đơn giản!
Thử thách
DễDựa trên những gì bạn đã học, hãy căn giữa phần tử flex đã cho bên trong vùng chứa flex.
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div />
</div>
</body>
</html>Tất cả bài học trong CSS Flexbox: khóa học đầy đủ
2Vùng chứa Flex
Flexboxflex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentgapCăn giữa hoàn hảoTự luyện tập: Playground Web