Div в одной строке с динамической шириной (выравнивание)

Question

Div в одной строке с динамической шириной (выравнивание)

0

У меня есть контейнер с левой и правой прокладкой. Внутри этого контейнера находятся два divs, которые должны быть рядом друг с другом между пробелом. Теперь, поскольку это пространство исправлено, но сайт реагирует, два текстовых div должны иметь динамическую ширину. Именно по этой причине я не могу использовать% -width.

Я подумал, что с text-align: justify это сработает, но это не так.

Вот JSFiddle: http://jsfiddle.net/qGw48/

Здесь JSFiddle, как это должно выглядеть: http://jsfiddle.net/4ekSm/ (работает только из-за% -width s)

Luca Nate Mahler 25 апр. 2014, в 12:51

Источник

Теги:

html

css

3 ответа

1

Это можно сделать довольно легко, если вы зададите значение ширины с учетом отступов. Поэтому я использую стиль:

box-sizing: border-box;

http://jsfiddle.net/qGw48/1/

Это означает, что когда вы устанавливаете ширину, в это значение будет включено дополнение.

tbailey000 25 апр. 2014, в 08:17

0

Вы видели это http://jsfiddle.net/cUCvY/1/

Я думаю, что он решает, что вы ищете

Два Divs рядом друг с другом, которые затем складываются с отзывчивым изменением

вы можете добавить некоторый запас в один из ящиков, т.е.

  .left{
   margin-right: 5px; 
  }

Nemothefish 25 апр. 2014, в 09:14

0

Но расстояние между ними зафиксировано в пикселях
Luca Nate Mahler 25 апр. 2014, в 11:42
0

Просто обновил его там, чтобы отразить это ..
Nemothefish 25 апр. 2014, в 11:47

Ещё вопросы

Но расстояние между ними зафиксировано в пикселях
Просто обновил его там, чтобы отразить это ..

Tuhin · Accepted Answer · 2014-04-25T09-11-00.000Z

просто измените:

div # container> div {

display: inline-block;

}

чтобы:

div#container > div {
    display: table-cell;
}

ОБНОВЛЕНО FIDDLE