前端大神进来看看

盲木_木然
  • 550

clipboard.png

clipboard.png
span标签自动生成的宽高,怎么让它没有,我想让他们的上下间距窄一点

如果不给span加display就变成一行了
clipboard.png

回复
阅读 2k
6 个回答

楼主,span标签行内元素,本身是不支持宽高,由内容撑开(这就能解释你去掉display:block时,在一行显示),当你设置了display:block,将它改成块元素,它就能设置宽高(你肯定设置过了),现在你想要上下间距窄一点,可以这样:1.将元素设置的高度调小,然后将行高改为和高度一致

是下面的低温22℃这个把最上面的span弄长了而已

这个必须要给display:block 然后再加宽高,width:10px; overflow:hidden; 如果想要多余文字变省略号效果就加:text-overflow:ellipsis; 一般 给span宽度和高度 就可以实现

一楼正解,span标签的宽度被下面的元素撑宽了,设置display:inline-block;可能效果也不太理想。如果一定要减少宽度,间距,你只能试试调节下面温度那一栏的宽度,调小字号,或者文字分为两行显示

字体行高撑起了高度,给span加一个小一点的line-height:10px之类的,具体的值看你需求

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏