为了账号安全,请及时绑定邮箱和手机立即绑定

垂直居中对齐疑问?

<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://img1.sycdn.imooc.com//564c9dee0001fc4b03200263.jpg

正在回答

3 回答

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
p{
    background-color: #333;
    line-height: 250px;
    font-size: 120px;
    text-align: center;
}

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

垂直居中对齐疑问?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信