20.02.2014 16:46:36 Как равномерно заполнить блок Сообщение #1
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте!
Допустим есть блок-родитель шириной 1000px, в этом блоке есть 4 блока, каждому блоку задаем ширину 50% и float: left
В итоге блоки полнят контейнер. А если внутренние блоки, которым мы задали ширину 50% разной высоты, то как можно сделать, чтобы подтянуть все блоки вверх, чтобы между блоками не было промежутков по вертикали?
<html>
<head>
<style>
div.wrapper {
width: 1000px;
margin: 0 auto;
}
span {
display: block;
width: 50%;
float: left;
}
</style>
</head>
<body>
<div class="wrapper">
<span>
111
</span>
<span>
222 <br> 222 <br> 222 <br> 222
</span>
<span>
333
</span>
<span>
444
</span>
</div>
</body>
</html>
Допустим есть блок-родитель шириной 1000px, в этом блоке есть 4 блока, каждому блоку задаем ширину 50% и float: left
В итоге блоки полнят контейнер. А если внутренние блоки, которым мы задали ширину 50% разной высоты, то как можно сделать, чтобы подтянуть все блоки вверх, чтобы между блоками не было промежутков по вертикали?
<html>
<head>
<style>
div.wrapper {
width: 1000px;
margin: 0 auto;
}
span {
display: block;
width: 50%;
float: left;
}
</style>
</head>
<body>
<div class="wrapper">
<span>
111
</span>
<span>
222 <br> 222 <br> 222 <br> 222
</span>
<span>
333
</span>
<span>
444
</span>
</div>
</body>
</html>
