Css div alignment

Question

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

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

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

Answer 1

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

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

Есть, вероятно, несколько методов, которые вы можете Google для.

Answer 2

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

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

Answer 3

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

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

Answer 4

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

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