我可以告诉CSS仅在'/'或'\'上进行单词分解吗？

Question

我有一大段文本，这是td中的文件路径，当我想要在200像素范围内时，整个事物的宽度为600 +像素。

我可以启用分词：break-all并让它显示字符之间的整个内容然后将文件夹名称减半。

所以，理想情况下我只想在'/'或'\'字符上打破这些行。这可能吗？

谢谢！

Answer 1

不，你不能;目前没有用于此类目的的CSS构造。

您可以对suggest allowed line break points执行的操作是在每个“/”或“\”之后使用<wbr>标记或零宽度空格。您可以使用JavaScript动态执行此操作，遍历相关的文本节点。

Answer 2

我不认为你可以单独使用CSS。但是这是一种使用JQuery的方法：

function (yourObject) {
    yourObject.html(yourObject.html()
                              .replace(///g, '<br>')
                              .replace(/\/g, '<br>'));
}

这假设您的对象中不包含html。如果是，它将替换斜杠，因此您需要检查＆gt;跟着斜线。

Answer 3

更好的解决方案可能是将长文本包装在允许滚动的容器元素中，就像StackOverflow使用代码块一样：

.longtext {
    width: 100%;
    display: block;
    word-break: none;
    overflow: auto;
    background: #eee;
}

http://jsfiddle.net/mblase75/NCNSa/