控制DIV中文字绝对居中的简单方法
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>
不过对于垂直居中,却要设置固定高度,有点不方便,暂时想不到什么方法来解决自适应高度。
本文网址:https://www.dedexuexi.com/divcss/jc/1845.html
本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。
标签:技巧