Я хочу выровнять 3 элемента в теге <td>
по вертикали в центре/середине. Это те элементы, которые я хочу выровнять:
- кнопка изображения (тег) верхняя стрелка изображение
- слайдер jquery
- кнопка изображения (тег) снизу arrow изображение
По существу, элементы существуют для вертикальной прокрутки диаграммы. Они немного несогласованы. Я хочу, чтобы все они были в центре.
Мой текущий код:
<td style="vertical-align:top;">
<div id="div1" style="display:inline-block; horizontal-align:center; margin-top:5px;">
<a id="a_top" title="Top" class="ui-icon ui-icon-circle-triangle-n" style="border:0px;"></a>
</div>
<div id="slider_y" style="height:240px; width:6px; horizontal-align:center; margin-top:10px; "></div>
<div id="div2" style="display:inline-block;horizontal-align:center;margin-top:10px;">
<a id="a_bottom" title="Bottom" class="ui-icon ui-icon-circle-triangle-s" style="border:0px;"></a>
</div>
</td>
Я открыт для удаления тега div, связанного с кнопками изображения, но тег td должен оставаться там.