html中垂直居中有几种 怎么实现
发布网友
发布时间:2022-04-20 02:29
我来回答
共2个回答
热心网友
时间:2022-04-19 06:33
如果是要Div里的内容垂直居中就用line-height:值;这个值等于Div的高度就可以垂直居中;但是文字千万不要换行,虽然line-height可以使内容垂直居中,但因为line-height这属性是设置行高的,如果你的内容换行了,那line-height还等于层的高度的话,这就不行了。
如果是Table表格的垂直居中呢,就Td里写valign="middle"就可以了。
水平居中文字内容用Css写的就是用text-align:center;如果是水平居中层的话在IE6可以用text-align:center;这个,但在其他浏览器上可能不起作用,所以就用margin:0px
auto;这个方法把层水平居中是最好的
热心网友
时间:2022-04-19 07:51
<div
style="width:100%;
height:
30px;
line-height:
30px;
border:
1px
#000
solid;">查看垂直居中,可以调整height和line-height实现不同高度垂直居中!
这两个值保持一致就可以实现垂直居中</div>
用table垂直居中的就不用我说了,相信楼主也知道!