Tôi biết nó giống như một câu hỏi đã được hỏi nhiều lần, nhưng tôi không thể tìm ra giải pháp cho tình huống rất cụ thể đó.Dọc theo chiều dọc một div có chiều cao thay đổi trong div là 100% của chế độ xem
Đây là wireframe cơ bản của cách bố trí của tôi:
Về cơ bản, tôi đã có một vài divs với nền tảng khác nhau mà phải mất 100% chiều rộng và 100% chiều cao của cửa sổ trình duyệt. Trong mỗi và mọi người trong số họ là một div khác có chiều rộng 50% của bố mẹ nhưng có chiều cao thay đổi, tùy thuộc vào nội dung của nó.
Tôi muốn tất cả các div-trong-a-div này được căn chỉnh theo chiều dọc. Bây giờ, tôi đã đọc rằng việc đặt một màn hình: ô bảng và căn chỉnh theo chiều dọc: trung bình trên bố mẹ sẽ hoạt động, nhưng trong trường hợp này, nó dường như chỉ làm mọi thứ lộn xộn. : -/
Mã của tôi:
<head>
<style>
html, body {
height: 100%;
}
body > div {
width: 100%;
height: 100%;
background-size: cover;
}
.centered {
width: 50%;
margin: 0 auto;
background: rgba(0,0,0,0.4);
padding: 50px 0 30px 0;
}
</style>
</head>
<body>
<div id="pic_1">
<div class="centered">content</div>
</div>
<div id="pic_2">
<div class="centered">content</div>
</div>
<div id="pic_3">
<div class="centered">content</div>
</div>
</body>
Nhờ sự giúp đỡ của bạn!
có thể trùng lặp của [Làm cách nào để nội dung trung tâm theo chiều dọc có chiều cao thay đổi trong div?] (Http://stackoverflow.com/questions/59309/how-to-vertically-center-content-with-variable-height -within-a-div) – KatieK