垂直居中对齐疑问？
来源：7-1 7. vertical-align前后不一的行为表现_x264
Silence_o
2015-11-18 23:50
<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;
}
这样为什么没有居中对齐？我错在哪里了？
写回答
关注
3回答
-
- _西口褡裢_
- 2016-09-18 23:16:33
去掉display:inline-block.仔细看，是有效的
-
- echo_kinchao
- 2015-11-19 11:18:08
行高 就上 这个 配合使用才有会用的
-
- 李晓健
- 2015-11-19 09:30:32
p{ background-color: #333; line-height: 250px; font-size: 120px; text-align: center; }p里面加一个 text-align: center; 就可以达到近似居中
CSS深入理解之vertical-align
深入理解vertical-align的属性值，分享开发中应用经验
39337 学习 · 57 问题
相似问题