Question

css内容在div里面垂直居中的办法

<div>
<a>111111111111</a>
<a>111111111111</a>
<a>111111111111</a>
<a>111111111111</a>
</div>
<style type="text/css">
div{
width:100%;
height:20%;
background:green;
line-height:20%;
}
//用百分比情况下，高手帮忙

Answer 1

1. 我试了下你的代码，你里面的“height”是不起作用的。

2. 如果你想垂直居中只需改变你的“line-height”就行，试试100%,200%。

3. 多理解一下css里面的行高。

4. 制作网页最好是将百分比与像素结合使用，不要单纯的使用百分比来布局，那样会遇到很多问题。

追问

怎么不起作用20%高，div绿色占了屏幕20%高度啊

追答

代码兼容性测试了吗？我用的是谷歌浏览器。

追问

是chrome啊

Answer 2

div居中的方法是：padding:0 auto; 文章内容居中方法：设置行高等于字体大小。