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

内联/内联块元素的css垂直对齐

内联/内联块元素的css垂直对齐

当年话下 2019-08-02 07:02:17
内联/内联块元素的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;

}




查看完整回答
反对 回复 2019-08-03
  • 3 回答
  • 0 关注
  • 388 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信