控制DIV中文字绝对居中的简单方法
(编辑:jimmy 日期: 2024/11/17 浏览:3 次 )
搞了这么久,以前不知道怎么弄,老是用表格,今天终于搞清楚了。。。
水平居中:<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>
不过对于垂直居中,却要设置固定高度,有点不方便,暂时想不到什么方法来解决自适应高度。
下一篇:CSS复合选择器使用介绍