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

为什么bottom设置vertical-align不起作用呢

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
   .text {
    background-color: #343434;
   }
   span {
    vertical-align: middle;
    
   }
   img {
    vertical-align: middle;
   }
   button {
    vertical-align: baseline;
   }
  </style>
 </head>
 <body>
  <div class="text">
   <span>1234</span>
   <img src="./img/bs.jpg" >
   <button type="button"></button>
  </div>
  
 </body>
</html>

正在回答

2 回答

如下图所示:

http://img1.sycdn.imooc.com//5ea060be0001020642482178.jpg

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

爱前端的小鑫 提问者

已经学会啦 仍旧十分感谢答主的回答
2020-04-22 回复 有任何疑惑可以回复我~

测试了一下给button 设置 vertical-align 是有效的。(元素存在没有完全对齐的原因是字符X的位置比正常位置要偏低)


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

举报

0/150
提交
取消

为什么bottom设置vertical-align不起作用呢

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