问答详情
源自：7-1 7. vertical-align前后不一的行为表现_x264

垂直居中对齐疑问？

<p><img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" /><span></span>xx</p>

p{

background-color: #333;

line-height: 250px;

font-size: 120px;

}

img{

vertical-align: middle;

}

img+span{

display: inline-block;

vertical-align: middle;

}

这样为什么没有居中对齐？我错在哪里了？

http://img.mukewang.com/564c9dee0001fc4b03200263.jpg

提问者：Silence_o 2015-11-18 23:50

个回答

  • _西口褡裢_
    2016-09-18 23:16:33

    去掉display:inline-block.仔细看，是有效的

    0
  • echo_kinchao
    2015-11-19 11:18:08

    行高 就上 这个 配合使用才有会用的

    0
  • 李晓健
    2015-11-19 09:30:32

    p{
    background-color: #333;
    line-height: 250px;
    font-size: 120px;
    text-align: center;
}

    p里面加一个 text-align: center;   就可以达到近似居中

    0