Как заставить несколько отделений отобразиться в одной строке, но все еще сохранить ширину?
Обычно, Вы элементы набора для отображения: встройте, если Вы хотите, чтобы они отобразились в той же строке. Однако устанавливая элемент для встраивания средств, что атрибут ширины был бы бессмыслен.
Как Вы делаете отделения, чтобы быть в той же строке, не заставляя их встроить?
3 ответа
Flex является лучшим путем. Просто попробуйте..
display: flex;
Можно использовать float:left в DIV или использовать Тег span, как
<div style="width:100px;float:left"> First </div>
<div> Second </div>
<br/>
или
<span style="width:100px;"> First </span>
<span> Second </span>
<br/>
Я использовал свойство
display: table;
и
display: table-cell;
для достижения того же. Свяжитесь для игры ниже, показывает 3 таблицы, перенесенные в отделения, и эти отделения далее перенесены в родительское отделение
<div id='content'>
<div id='div-1'><!-- COntains table --></div>
<div id='div-2'><!-- contains two more divs that require to be arranged one below other --></div>
</div>
, Вот jsfiddle: http://jsfiddle.net/vikikamath/QU6WP/1/ я думал, что это могло бы быть полезно кому-то обращающемуся к отделениям набора в той же строке, не используя встроенный дисплеем