内联/内联块元素的css垂直对齐我想找几个inline和inline-block控件中垂直对齐的组件。div..为什么span在这个例子中,你坚持要被推倒吗?我都试过了vertical-align:middle;和vertical-align:top;但什么都没变。HTML:<div>
<a></a><a></a>
<span>Some text</span></div>CSS:a {
background-color:#FFF;
width:20px;
height:20px;
display:inline-block;
border:solid black 1px;}div {
background:yellow;
vertical-align:middle;}span {
background:red;} 结果:
3 回答
慕村9548890
TA贡献1884条经验 获得超4个赞
简单地浮动两个元素就可以得到相同的结果。
div {
background:yellow;
vertical-align:middle;
margin:10px;
}
a {
background-color:#FFF;
width:20px;
height:20px;
display:inline-block;
border:solid black 1px;
float:left;
}
span {
background:red;
display:inline-block;
float:left;
}
添加回答
举报
0/150
提交
取消