下面代码的结果:1 2 3
<span>1</span>
<span>2</span>
<span>3</span>
多个span标签呈现的效果有空白,这是因为多个span标签之间有空格or换行符。
解决方法:
方法①:直接把代码放在一行,如:
<span>1</span><span>2</span><span>3</span>
但这样的代码格式可读性较弱,推荐方法二。
方法②:设置span的css样式,左浮动
span { float:left;}
a、label等元素也可用以上方法去除空白。
本文介绍了解决HTML中因使用多个span标签导致的显示空白问题的方法。通过调整代码格式或设置CSS样式来避免间距出现,适用于a、label等元素。
2743

被折叠的 条评论
为什么被折叠?



