Question

我的css风格有一个小问题。如果跨度中的文本太长，我正在尝试断线。我希望在第三个SPAN执行换行之前。但出了点问题。请求帮助。

代码：

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

JsFiddle

Answer 1

Span是内联元素，因此不会破坏单词。如果你需要破坏单词，那么元素应该是一个块（例如div）或者应该这样显示（然后你需要将display：block添加到你的span的css中）。

EDIT 我不知道为什么你需要一个班级“absoluteLeft”。我会删除它。然后我会添加一个CSS：

span span {
   display:inline-block;
}

当然，您必须从虚线范围中删除样式显示：block;

这会解决您的问题吗？

Answer 2

放置显示：块;跨越

<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>

Css - 理解“自动换行：断言”;

2 个答案: