Html Css-理解“；单词包装：打断单词&引用；

我对css样式有一个小问题。如果跨度中的文本太长，我会尝试使用特征线。我希望在第三个跨度之前进行断线。但是出了点问题。请寻求帮助

代码：

Abcd abcd2
加上你看十个同样相信放

---

放置显示：块；跨越

<span id="j_id0:j_id12" class="sp">Abcd abcdabcd2
       <span style="border-style: dotted; word-wrap: break-word; width: 80px;display:block;" 
       class="absoluteLeft">Add you viewing ten equally believe put</span>
    </span>

Abcd abcd2
加上你看十个同样相信放
Span是内联元素，所以它不会打断word。如果您需要断开单词，那么元素应该是一个块（例如div）或者应该以这样的方式显示（然后您需要将display:block添加到span的css中）

编辑
我不知道你为什么要上“绝对左”课。我会把它拿走。然后我会添加一个css：

span span {
   display:inline-block;
}

当然，您必须从虚线跨度中删除样式显示：块

这解决了你的问题吗？
首先你没有绝对的左类，其次主要问题是什么？@Adamo
wordwrap:break word
仅适用于具有特定宽度的元素-因此您无法在
内联
元素上设置它。在您提供的代码中，您的跨度是内联的，这意味着宽度将被忽略，因此换行将不起作用。要么将span设置为
块
，要么将
内联块
元素内联元素使线不可断，这是它们的本质。是或内联块更好，因为您希望将其与左侧的另一个span对齐。同时移除
位置：绝对
和
左侧：175px
。读一读：我想你们需要做些别的事情。请读完整的问题，然后试着给出想要的答案。谢谢你，我不是那种人，但我不认为你用了我的小费。您仍然具有绝对定位，并且span的子项不会显示为内联块。看：任何人都可以告诉我这个答案的下降率，对此没有评论吗？
span span {
   display:inline-block;
}