猿问

​如何使横向两列布局上的文字居中显示

,包括横向和垂直居中显示??像这样的,里面已经添加了float属性的,所以不能直接添加margin:0 auto;求大神指教!!!!

qq_断翅的天使_03407497
浏览 2152回答 6
6回答

blovetu

文字水平居中:text-align:center;单行文本垂直居中:line-height:盒子高度;多行文本垂直居中:1.使上下的padding值相同即可;                               2.文字所在父级盒子display:table; 对文字设置display:table-cell;vertical-align:middle;(IE6不支持)                               3.用定位去做块元素水平居中:margin:0 auto;  不要搞混了

逗你玩而已

年轻,打好基础很重要,手动编写CSS挺好,赶时间还是早点接触Bootstrap之类的框架,会让你耳目一新

blovetu

这三种方法我都用过,没乱过,你先单独建个文件,单试这个问题

qq_断翅的天使_03407497

我做出来的效果是这样的,文字并没有垂直居中或者水平居中

人笨嫌刀钝

水平居中是 text-align:center垂直居中 line-height: 一个和容器高一样大的值px
随时随地看视频慕课网APP
我要回答