Javascript 当CSS伪元素：：after不在行尾时，删除尾随空格 >我的：：在元素添加到行的中间而不是在结尾时，添加了尾随空白。我试着把它去掉

通过将元素放在内联块中，可以消除空白，但是高度也会改变，我想防止出现这种情况

newvue({
el:“#应用程序”，
});
.test{
位置：相对位置；
填充：0px 3px；
z指数：100！重要；
}
.测试：：之后{
内容：“；
宽度：100%；
身高：100%；
z指数：-1；
位置：绝对位置；
背景：var（--颜色）；
-ms变换：skewX（-10度）；/*IE 9*/
-webkit变换：skewX（-10度）；/*Safari 3-8*/
变换：skewX（-10度）；
顶部：0px；
左：0px；
}
p{
字体大小：12px；
}

#1 
测试






#二合一
测试
判决。





如果#1 after元素位于行的末尾，并且不添加空格。






在β2的情况下，该元素位于该行的中间，并添加不必要的尾随空间。

它是HTML中的换行符。当我删除文本和
之间的换行符时，它似乎起作用了


newvue({
el:“#应用程序”，
});
.test{
位置：相对位置；
填充：0px 3px；
z指数：100！重要；
}
.测试：：之后{
内容：“；
宽度：100%；
身高：100%；
z指数：-1；
位置：绝对位置；
背景：var（--颜色）；
-ms变换：skewX（-10度）；
/*IE 9*/
-webkit变换：skewX（-10度）；
/*狩猎3-8*/
变换：skewX（-10度）；
顶部：0px；
左：0px；
}
p{
字体大小：12px；
}

#1 
测试





在一个测试句子中。




如果#1 after元素位于行的末尾，并且不添加空格。




在第2种情况下，元素位于直线的中间，并添加不必要的尾随空间。

这两个粉色框对我来说都是相同的。我尝试了firefox和chrome，我在#2的末尾有一个尾随空格。在firefox中，在#1和#2的
测试之后，粉色框中都有一个空格。在chrome中，1没有。这很奇怪。你的版本是什么？Firefox 72、Chrome 80（都在macOS 10.15.3上）是的，这是一个解决方案，但不是一个完美的解决方案。我想取消这种行为。没有直接的解决方案。在HTML中执行换行操作时，它会注册为空格。不管后面有多少空格，它都会注册一个空格。因此，当跨距闭合前存在换行符/空格时，它将显示文本“test”。样式将根据这些字符/宽度来实现。这将在#1中的
test
后呈现一个空格，但不在#2中。