html - 在内容伪类中添加更多空白

Question

如何使用内容伪类添加更多空间

我正在使用下面的代码来添加单个空格。

h3:before{content:" "}

我需要通过使用内容来添加更多空间。

PS：html请不要添加

score 2 · Accepted Answer

2

使用一些填充权而不是空格怎么样？

h3 {
    padding-right: 10px
}

于 2012-09-13T12:24:44.227 回答

score 0 · Accepted Answer

..................................................

用于边距或填充_after

像这样

h3:before{content:"";
margin-left:40px;
}

score 0 · Accepted Answer

如果您只想在第一行文本之前腾出空间，那为什么不使用

h3:first-line{padding:0 0 0 40px;} or
h3{padding:0 0 0 40px;}

这些“填充”是

padding-top padding-right padding-bottom padding-left

score 0 · Accepted Answer

实现此目的的另一个解决方案是使用“word-spacing”属性来增加每个空格正在使用的空间。

比如word-spacing: 10px;会让每个空间占用10个像素。

这使您可以使用具有多个单词的单个伪元素，并且仍然在无法提供帮助的地方添加分隔margin符padding。

例子

.my-class::before {
    content: 'One Two Three';
    word-spacing: 10px;
}

如果您需要更多控制，您还可以转义content属性中的空格，并使用white-space: pre;允许显示转义的空格（因为默认情况下大多数元素将忽略它们）。

例子

.my-class::before {
    content: 'One \ \ Two \ \ Three';
    white-space: pre;
}

参考：

4 回答 4