Вопрос по css-tables, vertical-alignment, css-float – CSS3 дисплей: таблица-ячейка и число с плавающей точкой?

11

у нас есть длинный контейнер div, установленный вdisplay:table а также & div внутри него установлен на .I 'display:table-cell; vertical-align: middle

Я действительно доволен результатами вертикального выравнивания, но:

Я нене знаю ширину этих 3 делений,Я хочу, чтобы один из них находился с правой стороны контейнера div (за исключением, конечно, padding),float: right Безразлично»т работать с.display: table-cell

Вот'Например (я хочу выпустить золотые дивы вправо). Я могу'т использовать JS. Мне нужно, чтобы он работал в IE7 + или IE8 +, если это невозможно для IE7. Есть намеки / идеи?

http://jsfiddle.net/cZ7Th/2/

Ваш Ответ

3   ответа
3
11

width: 1pxwidth: auto а такжеwhite-space: nowrap, Определите все ячейки в макете таблицы шириной в один пиксель, но предотвратите перенос; затем добавьте пустую ячейку заполнения перед теми, которые вы хотите плавать справа.

http://jsfiddle.net/wZ96P/

Кажется, по крайней мере, работать с современными версиями Chrome, Opera, Firefox и IE.

слава богу за flexbox Joel Hernandez
6

<div style="display: table-cell; vertical-align: middle; float: right">...</div>

Но для этого это работает для меня:

<div style="float: right">
  <div style="display: table-cell; vertical-align: middle">...</div>
</div>

Похожие вопросы