Html 表格单元格换行符不使用斜杠

Html 表格单元格换行符不使用斜杠,html,css,word-wrap,Html,Css,Word Wrap,我试图在固定的布局中包装文本,但当文本包含斜杠时,它不起作用 不从Javascript(纯CSS)中插入空格可以解决这个问题吗 jsfiddle: 不工作: abfdbfdbfdb/DFBFDBDFBF/BDFFBDBFDFBDBDFBDFB xxxxx 工作: abfdbfdbfdb DFBFDBDFBF bdffbdbfdfbddfbdfbdfb xxxxx 添加表格布局:固定编码到“table”div元素,并为单元格指定一个宽度,使其断开行: 插入标记或零宽度空间​

我试图在固定的布局中包装文本,但当文本包含斜杠时,它不起作用

不从Javascript(纯CSS)中插入空格可以解决这个问题吗

jsfiddle:

不工作:
abfdbfdbfdb/DFBFDBDFBF/BDFFBDBFDFBDBDFBDFB
xxxxx

工作: abfdbfdbfdb DFBFDBDFBF bdffbdbfdfbddfbdfbdfb xxxxx
添加
表格布局:固定编码到“table”div元素,并为单元格指定一个宽度,使其断开行:

插入
标记或零宽度空间
正确的选择。也就是说,你会写

abfdbfdbfdb/​dfbfdbdfbfbf/​bdffbdbfdfbddfbdfbdfb
问题在于角色层面,而不是样式问题


不包含空格字符的字符串在包装中通常是不可分割的,应该是这样的,除非您能够可靠地使浏览器在可接受的断点处断开,或者正确地连字符并使用分词。类似这样的设置适用于特殊情况,当没有好的方法控制包装时,紧急中断,并且需要避免溢出。

为什么要使用div来处理表格数据?使用表格..有趣的是,人们用div表示表格数据,用表格表示布局。第二种情况之所以有效,是因为空格,而不是没有斜杠。如果删除空格并使用一个长字符串(作为第一种情况),它也不会工作。由于性能原因,我不使用表。我知道关于这一点有一个很长的讨论,赞成和反对。如果我删除第二个空格,我将得到一个单一的文本line@BogdanM. 将小表用作页面的一部分并不是性能杀手。性能的影响来自于使用表格来布局整个页面,这意味着浏览器必须在呈现页面之前完成所有标记。一行两单元格表不是问题。通过使用“显示:表格”、“表格行”和“表格单元格”,可以指示浏览器渲染表格,因此实际上使用的是表格。表格在适当的时候是有用的,无需避免。是的,但我不希望它被修复,我希望填充剩余的空间,然后分配
width:auto,至少给它某种形式的宽度:)第一种方法导致字符串在任意点断开;这在任何正常情况下都是不可接受的(例如,对于英语单词)。第二部分建议使用属性进行断字,引用w3schools,这始终是一个不可靠的源。断字不会在特殊字符后中断。我不需要断字,因为它是关于包装一些路径的。断字路径也会中断数据
foobar
foobar
不同(它可以被理解为两条路径),任意打断会使它打开其中一条路径。这意味着我必须更改文本..使用javscript,对吗?最初的问题是如何做,没有JS,而且我不需要在路径上使用连字符。我认为答案有点离题,这取决于你如何修改HTML文档的上下文。修改它是正确处理包装的正确方法(如果需要包装;在大多数情况下,当人们将长路径名或URL放入可见内容时,他们应该使用更普通的名称,如短名称)。当然,路径不应该连字符;相反,如果出现这样的字符,则应确保它们不会在“-”之后分开。CSS不能处理这样的事情(现在或在可预见的将来)。你救了我一天!非常感谢。
abfdbfdbfdb/​dfbfdbdfbfbf/​bdffbdbfdfbddfbdfbdfb