文字在div中居中一直是个问题,而且也有很多方法可以居中。我就说个最简单最大众化的吧。
CSS文字垂直居中――方法/步骤CSS文字垂直居中 1、
一、单行垂直居中 如果一个容器中只有一行文字,对它实现居中相对比较简单。先看代码吧。
我们要垂直居中的文字为‘how are you’
<div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center' >how are you`</div>
CSS文字垂直居中 2、
那我们先来看看效果图片吧。height的高度要等于line-height。这样文字就可以居中了。
也许还是不满足还想横着居中吧。
CSS文字垂直居中 3、
先看看代码吧。
<div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center' >how are you`</div>
这行代码也就是多了text-align:center。
这个就横着居中
CSS文字垂直居中 4、
来看看效果图片吧。
CSS文字垂直居中_css 居中