div<style="dispaly:inline-block">下的2个按钮如何垂直居中

发布网友 发布时间：2022-05-13 14:21

我来回答

共4个回答

懂视网 时间：2022-05-13 18:42

ButtonAButtonB

这个要加什么样式才能做到让这两个a标签按钮垂直居中？

回复讨论(解决方案)

把a 的display设置为块元素属性，display:block,然后用宽高、margin设置就可以了

实在不行用定位 子绝父相

td : {vertical-align:middle}

最好两个a 在同一行。。。。。不要另起一行

td a{vertical-align:middle;}

http://css.doyoe.com/ 文本里面找

热心网友 时间：2022-05-13 15:50

<div id="main" style="overflow:hidden;">
<div id="box1" style="float:left;">
<select multiple="multiple" size="10" id="left">
<option>book</option>
<option>book2</option>
<option>book3</option>
<option>book4</option>
<option>book5</option>
<option>book6</option>
</select>
</div>

<div id="choice" style="float:left;width:37.5px;height:172px;position:relative;">
<div style="position:absolute;top:50%;margin-top:-23px;">
<input class="add" type="button" value="--->" onclick="add()"/>
<input class="remove" type="button" value="<---" onclick="remove();"/>
</div>
</div>

<div style="float:left;">
<select multiple="multiple" size="10" id="right">
<option>book9</option>
</select>
</div>
</div>
我把你的display：inline-block改为float：left，两个input用一个div包住，给#choice一个宽高，#choice下的divposition：absolute定位就可以了，你可以看一下，display：inline-block也可以的

热心网友 时间：2022-05-13 17:08

<div id="choice" style="margin-bottom:-90px;display: inline-block;">
<div><input class="add" type="button" value="--->" onclick="add()"/></div>
<div><input class="remove" type="button" value="<---" onclick="remove();"/></div>
</div>

望采纳

热心网友 时间：2022-05-13 18:43

vertical-align:middle;
这个是没用的，文本垂直得设置行高(line-height:200px;)，把行高设置成跟容易一样高度就可以了

#text{
width:200px;
height:200px;
text-align:center;
border:#FF0000 1px solid;
line-height:200px;
}