Tôi có một div chứa hai div con và chúng được dự định là một phần của bố cục lỏng, vì vậy tôi không thể đặt kích thước cố định cho chúng trong px.Làm cách nào để căn giữa trong div phụ huynh trong bố cục lỏng
Có hai mục tiêu ở đây:
Căn hai divs con theo chiều ngang, mà tôi đã đạt được sử dụng
float: left
vàfloat: right
tương ứng.Căn giữa văn bản (trong các div con) so với div gốc. Văn bản ngắn và có một dòng duy nhất theo thiết kế.
Những gì tôi có bây giờ: http://jsfiddle.net/yX3p9/
Rõ ràng, hai divs con không lấy chiều cao đầy đủ của div cha mẹ, và do đó văn bản của họ không theo chiều dọc làm trung tâm liên quan đến các div cha mẹ. Về mặt khái niệm, để đạt được các mục tiêu trên, chúng ta có thể làm cho các div con được căn giữa theo chiều dọc trong div cha hoặc chúng ta có thể làm cho các div con chiếm toàn bộ chiều cao của div cha. Cách mạnh mẽ để làm như vậy là gì?
* Hỗ trợ trình duyệt: IE 9+ và các trình duyệt hiện đại thông thường khác.
Nếu bạn muốn đi hai chiều cao con là chiều dài đầy đủ của div sau đó bạn có thể sử dụng chiều cao: 100% quan trọng .. nhưng ngay cả điều đó cũng không căn chỉnh nội dung thành trung tâm –