Горизонтально выровнять divs

Попытка выровнять три плавающих divs по горизонтали и по какой-то причине я получаю повышение от второго и третьего div. Попытка иметь все эти три встроенных.Горизонтально выровнять divs

Любые идеи

<style type="text/css"> 
#main { 
vertical-align: middle; 
alignment-adjust: middle; 
} 
.floater { 
    float:left; 
} 
</style> 
</head> 

<body> 
<div id="main"> 
<div class="floater"><select name="test"></select> 
</div> 
<div class="floater"><select name="test"></select> 
</div> 
<div class="floater"><select name="test"></select> 
</div> 

</div>

источник

2013-05-30 ICW

кажется, работает хорошо? [jsFiddle] (http://jsfiddle.net/6Remc/1/) –

Внутри основного DIV, добавить таблицу с одной строкой и 3 ячеек. Поместите отдельные div внутри каждой ячейки.

источник

2013-05-30 15:54:27 Lakshman

Ваш код, кажется, работает, но вот альтернативный способ сделать это:

<style type="text/css"> 
    .floater { 
     display:inline; 
    } 
    </style> 

    </head> 

    <body> 
    <div id="main"> 
    <div class="floater"><select name="test"></select> 
    </div> 
    <div class="floater"><select name="test"></select> 
    </div> 
    <div class="floater"><select name="test"></select> 
    </div> 

    </div>

Пример: JSFIDDLE

источник

2013-05-30 16:04:06 konnection

Возможно, это связано с некоторыми дополнительными css. Я запускал его через Dreamweaver, и он отлично работает с моим исходным кодом. Но побежал против фонаря, и он переместил дополнительные divs как шаги лестницы. Мне может потребоваться переопределить это с помощью! Important; – ICW

это может быть проблема конфигурации рабочего фона, попробуйте с другими редакторами, чтобы убедиться, что это не ваши стили CSS. – konnection

Горизонтально выровнять divs

ответ

Смежные вопросы