html – 填充在span标记中不起作用

前端之家收集整理的这篇文章主要介绍了html – 填充在span标记中不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好的,首先,我想让大家知道我尝试过使用< span>< / span>标签(虽然可能不正确).

对于< span>< / span>有什么问题吗?标签?或者有什么我需要完全不同的做法?

以下是我目前使用< br>< / br>创建空间的代码

#beforeImage span {
  padding: 40px;
}
<span id="beforeImage">text</span>

解决方法

解决的2件事:

>您正在将CSS应用于ID选择器的范围,但您在HTML中使用带有ID选择器的范围.
> span将没有填充,因为默认情况下它是一个内联元素,因此设置内联块或块

片段

#beforeImage {
  padding: 40px;
  display: inline-block; /* or block */
 /* demo */
  background: red
 
}
<span id="beforeImage">Foo bar</span>

猜你在找的HTML相关文章