Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так:
<div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ...
Все работает нормально, получается где то так:
Но! Мне надо, чтобы справа был блок, и эти дивы его обтекали. Вот он:
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
white.ru
Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так:
.image_item {
float:left;
width:100px;
height:100px;
text-align:center;
margin-right:15px;
margin-bottom:15px;
border:1px solid #9dabc5;
background-color:#fcfefd;
}
Все работает нормально, получается где то так:
Но! Мне надо, чтобы справа был блок, и эти дивы его обтекали. Вот он:
Но, получается, не совсем так, как надо:
Собственно вопрос: как бы сделать так, чтобы дивы не опускались, а переносились на новую строку?
Надеюсь, что объяснил нормально
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.