Html 内联块删除内容中的第一个空格:before

Html 内联块删除内容中的第一个空格:before,html,css,Html,Css,这是我的代码: 基本上,我需要在我的测试元素上放置内联块,但当我这样做时,它会在我之前删除内容上的第一个空格 .test:before {content: " hello ";} .test {display: inline-block;} 有没有什么解决方案,理想情况下不必在项目的前面加上内容:after 詹姆斯试试看 This is a <span class="test">World</span> 试试看 This is a <span class="t

这是我的代码:


基本上,我需要在我的测试元素上放置内联块,但当我这样做时,它会在我之前删除内容上的第一个空格

 .test:before {content: " hello ";}
.test {display: inline-block;}
有没有什么解决方案,理想情况下不必在项目的前面加上内容:after

詹姆斯

试试看

This is a <span class="test">World</span>
试试看

This is a <span class="test">World</span>

使用CSS文本缩进怎么样

将以下内容添加到.test{display:inline block}:文本缩进:5px

选择所需像素的值,甚至以%为单位

它的基本支持是跨浏览器

有关此属性的详细信息,请点击此处:


使用CSS文本缩进怎么样

将以下内容添加到.test{display:inline block}:文本缩进:5px

选择所需像素的值,甚至以%为单位

它的基本支持是跨浏览器

有关此属性的详细信息,请点击此处:


你想要下面给出的东西吗

.test:在{content:\a0hello;}之前
.test{display:inline block;}

是否需要下面给出的内容

.test:在{content:\a0hello;}之前 .test{display:inline block;}

您可以使用文本缩进:

否则,请使用unicode空格:

.test:before { content: "\00a0hello"; }
您可以使用文本缩进:

否则,请使用unicode空格:

.test:before { content: "\00a0hello"; }

你可以在你的小提琴开始工作之前先放一个空间,因为我使用的是响应式设计,有时候我不展示这个,也不想在以后留下一个空间,理想情况下。我将尝试在我的测试元素上放置内联块的空白思想-为什么?我不确定我是否能理解其中的原因。这不是我的完整网站,只是一个例子来演示一个观点。你可以不在你的:before上使用边距/填充吗?你可以在你的提琴开始工作之前放一个空格,因为我使用的是响应式设计,有时我不展示这一点,也不想在以后留下空格,理想情况下。我将尝试在我的测试元素上放置内联块的空白思想-为什么?我不确定我是否能找到原因。这不是我的完整网站,只是一个例子来说明一点。你能不能不在你的:before上使用边距/填充?