控制DIV中文字绝对居中的简单方法

当前位置 : 首页 > 网页制作 > CSS > 控制DIV中文字绝对居中的简单方法

控制DIV中文字绝对居中的简单方法

来源: 作者: 时间:2015-11-04 11:06
DIV中的文字绝对居中以前老是用表格,现在有了很好的解决方案line-height便可轻松实现,感兴趣的朋友可以参考下,希望对大家有所帮助
DIV中的文字绝对居中以前老是用表格,现在有了很好的解决方案line-height便可轻松实现,感兴趣的朋友可以参考下,希望对大家有所帮助
搞了这么久,以前不知道怎么弄,老是用表格,今天终于搞清楚了。。。

水平居中:<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>

不过对于垂直居中,却要设置固定高度,有点不方便,暂时想不到什么方法来解决自适应高度。
Tag:
网友评论

<