在HTML中,我如何包装一个单词.(点),就像它包裹 - (破折号)？

Question

我在表格单元格中有一个很长的单词会弄乱表格布局:

a.long.word.separated.by.dots

我希望这个词包含这个词:

一个长的字分离逐破折号

如何在不更改HTML的情况下使用CSS完成此操作？

Answer 1

如果使用JS是可以的,你可以这样做.如果不是,那么这个答案对未来的读者可能仍然有用.

var longWord = "a.long.word.separated.by.dots".replace(/\./g, '.<wbr>');

参考wbr标签:http://www.w3.org/wiki/HTML/Elements/wbr

或者,您可以<wbr>手动放置每个时段之后.