文本在DIV中的位置问题

1.水平位置设置

水平位置比较容易设置，只需要设置DIV的text-align属性就可以解决问题了。

2.垂直位置设置

垂直设置主要是居中问题。这里列出两种方法

a.如果文本只有一行，可以将DIV的height和line-height设置为同一个值

#text{height:50px;line-height:50px;}<div id="text">文本内容</div>

b.很多人看到垂直对齐都会想到设置vertical-align属性，但是一般直接设置是不会实现我们想要的效果的。这时可以利用表格，使用两个DIV,外层DIV设置为table，里面设置为table-cell，然后里层的DIV就可以设置vertical-align属性了。

#outer{display:table;height:50px;width:100px;}#inner{display:table-cell;vertical-align:middle;height:100%;width:100%;}<div id="outer">    <div id="inner">    文本内容    </div></div>