Html 文本溢出填充

当我发现一个问题时，我正在一个网站上工作。有些文字没有在它应该的地方断开。文本只会忽略填充，并在超过全宽时中断

*{
框大小：边框框；
}
.fw-heading.fw-heading-center{
文本对齐：居中；
}
.fw标题{
边缘底部：1米；
}
.fw标题.fw特殊标题{
位置：相对位置；
z指数：1；
页边距底部：0；
字号：200；
}
.fw标题.fw特殊标题：：之前{
边框底部：2px实心#002e50；
内容：“；
保证金：0自动；
位置：绝对位置；
最高：50%；
左：0；
右：0；
宽度：100%；
z指数：-1；
}
.fw标题。fw特殊标题范围{
背景：#fff；
字体：继承；
填充物：5雷姆1.5雷姆；
}
氢{
字号：2rem；
}

“Ons meubilair是一位杰出的利希特，他是霍丁根麦角米什酒店的员工。”

您可以尝试此代码

.fw heading.fw特殊标题span{
背景：#fff；
字体：继承；
填充：0.1.5雷姆；
显示：块；
}

Lorem ipsum dolor sit amet，奉献精英。特朗西奥，莫莱斯蒂亚斯，伊尼姆！比泰·卡姆克，你是不是很喜欢劳动？解决方案是透明的，不需要，甚至是必要的！

您应该使用带span的display:block，例如-

<div style="width:500px;">
<h2 class="asses">
  <span>
  Mauris fermentum massa eu tortor iaculis placerat. Nulla dapibus commodo libero,
  </span>
 </h2>
 </div>
.asses span{
     background:red;
     padding:0 1.5rem;
     display:block;
 }

Mauris fermentum Masa eu tortor iaculis placerat。自由号，
.驴跨度{
背景：红色；
填充：0.1.5雷姆；
显示：块；
}

试试看

---

如果你在这上面有其他css，也可以添加！重要信息（将始终应用属性）。

为span指定

块的
显示
，并将
填充
更改为
边距
将得到所需的结果。不同之处在于，填充将在背景中添加空格（即白色），这将覆盖其后面的伪元素，而边距将将空格推离span的背景，以便后面的内容仍然可见


*{
框大小：边框框；
}
.fw-heading.fw-heading-center{
文本对齐：居中；
}
.fw标题{
边缘底部：1米；
}
.fw标题.fw特殊标题{
位置：相对位置；
z指数：1；
页边距底部：0；
字号：200；
}
.fw标题.fw特殊标题：：之前{
边框底部：2px实心#002e50；
内容：“；
保证金：0自动；
位置：绝对位置；
最高：50%；
左：0；
右：0；
宽度：100%；
z指数：-1；
}
.fw标题。fw特殊标题范围{
显示：块；
背景：#fff；
字体：继承；
保证金：5雷姆1.5雷姆；
字号：2rem；
}

“Ons meubilair是一位杰出的利希特，他是霍丁根麦角米什酒店的员工。”
您可以使填充更大，字体更小，或者使用
溢出：隐藏或
滚动然后发生这种情况。您是否可以尝试将
display:block
指定给span
display:block
在我的情况下不起作用，因为span的边减去填充，不会接触其中文本的边……这不起作用，因为伪元素需要可见。现在，你不必给出完整的css，那么根据你发布的内容，我们只知道它也会从宽度溢出。我发布了一个片段，其中包含了所有需要的css
display:block