前端大神进来看看

盲木_木然
  • 550

clipboard.png

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

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

回复
阅读 1.9k
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之类的,具体的值看你需求

你知道吗?

宣传栏