控制DIV中文字绝对居中的简单方法
内容摘要
搞了这么久,以前不知道怎么弄,老是用表格,今天终于搞清楚了。。。
水平居中:<div align="center">Content</div>
垂直居中:<div style="line-height:30px;height:30px;">Cont
水平居中:<div align="center">Content</div>
垂直居中:<div style="line-height:30px;height:30px;">Cont
文章正文
搞了这么久,以前不知道怎么弄,老是用表格,今天终于搞清楚了。。。
水平居中:<div align="center">Content</div>
垂直居中:<div style="line-height:30px;height:30px;">Content</div>
两者结合,就可以绝对居中了:
<div style="line-height:50px;height:50px; padding:10px;" align="center">Content</div>
不过对于垂直居中,却要设置固定高度,有点不方便,暂时想不到什么方法来解决自适应高度。
水平居中:<div align="center">Content</div>
垂直居中:<div style="line-height:30px;height:30px;">Content</div>
两者结合,就可以绝对居中了:
复制代码
代码如下:<div style="line-height:50px;height:50px; padding:10px;" align="center">Content</div>
不过对于垂直居中,却要设置固定高度,有点不方便,暂时想不到什么方法来解决自适应高度。
代码注释