Css div выравнивание

Question

Я пытаюсь отобразить окно выбора HTML. У меня есть 3 Div внутри ячейки таблицы. Значение

Когда таблица расширяется, выравнивание leftDiv и rightDiv в порядке. Но когда таблица сжимается ниже размера двух div (leftDiv & rightDiv), который rightDiv отображает ниже leftDiv

Как заставить эти два Div слипаться все время?

Answer 1

У вас есть несколько вариантов:

1. Установите ширину в 2 деления как относительную или в процентах (скажем, 50% или 4x%)
2. Установить минимальную ширину ячейки таблицы (td), равную или больше двух дочерних элементов.
   min-width: xxxx;

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

Answer 2

Установить пробел: теперь на ячейке таблицы. И пробел: нормально на самих div.

td.myClass {
  white-space: nowrap;
}
#leftDiv , #rightDiv { whitespace: normal }

Answer 3

Или это, если ваша ячейка таблицы имеет фиксированную ширину (в моем примере 100px):

.leftDiv{width:50px;float:left;}
.rightDiv{width:50px;float:right;}

Answer 4

Вы можете указать ширину leftDiv & rightDiv в процентах, а не в пикселях

.leftDiv {width: 50%}
.rightDiv {width: 50%}