Окна Div сдвигаются, если я помещаю в них текст

Question

Окна Div сдвигаются, если я помещаю в них текст

0

Я построил четыре коробки с содержанием в них. Прежде всего, в нем был слепой текст, и проблем не было. Но теперь, когда я хочу поместить свой контент в коробки, и я помещаю некоторый текст в первый квадрат, например, остальные три уменьшаются на ту же сумму.

Во-вторых, есть ли способ сделать текст более компактным? Как и другие три окна, где находится слепой текст. Потому что в первом есть много места между словами пары. Я слышал что-то о css break? Но я не знаю, правильно ли это.

.skillcontainer {
max-width: 23%;
min-width: 200px;
display: inline-block;
position: relative;
margin-left:1.4em;
}

Здесь вы можете видеть, что я имею в виду. А также с текстом, например, если вы сделаете окно больше, вы увидите, что под 22% есть пустое пространство.

user2802501 21 сен. 2013, в 19:23

Источник

Теги:

html

css

2 ответа

2

Не нужно их плавать... вам просто нужно добавить

 .wrapper {vertical-align:top; }

к вашему коду... поскольку внутренние элементы являются встроенными блоками.

JS FIDDLE

Paulie_D 21 сен. 2013, в 15:28

Ещё вопросы

Bram Vanroy · Accepted Answer · 2013-09-21T14-03-00.000Z

Поплавайте!

.skillcontainer {
max-width: 23%;
min-width: 200px;
display: block;
position: relative;
margin-left: 1.4em;
float: left;
}

Обновлена скрипка.