仅按空白划分线

Question

有没有办法在只有白色空间时自动换行？现在我让它打破一些特殊字符(?-!)但我只想在标签处打破以保持列直.

例:

gw5g7#IVKNcvP02r    pFJxywU#B-L.Qp.f    u@hGsrr8g.S4,GtR    !t1oa(2%?tb()lML    -cky!YT8-/*xsCfT    nbjAekWZenH8udR8    sM*e@aSM#89C#$4Z    (r6+$]1j9mw)U72+    !V2O2_UO7(mMM6HP    o6u?D&97&QNJ93D1    .a,,hg%vtl[^PGLO    F(v*CP#aJD13_m&.    /9?[OL?ktCmv8gRP    6CSZuRuu98MT3*,R    O/cclHD+HrG4G^h9    JI]edN.F]hRg8,&n    -6S/S9U[Ai]Sh[8D    LM+Gpkk7-BP1pgpR    -XX4EZjb24Kl9Kgm    j!eK#0?i&kwo&ADg    lvZ@)T%xRFYOV#-.

Answer 1

不,目前还没有办法用CSS方式进行自动换行,只有在有空白区域时.原因是浏览器应用了一些非常不一致的Unicode断行规则.规则允许在许多点处换行,例如在某些情况下的一些标点字符之后.在CSS3 Text草案中,有一些建议的附加内容可以让作者更好地控制这些问题,但主要是关于渲染东亚语言.

您需要在元素(如span)中包装文本片段并white-space: nowrap在其上进行设置,或者使用更简洁的非标准但广泛支持的nobr元素.在示例中,这将是相当简单的,可以使用一小段JavaScript代码(或服务器端或在生成页面时的预处理器中)完成:

<nobr>gw5g7#IVKNcvP02r</nobr>    <nobr>pFJxywU#B-L.Qp.f</nobr>...

但是,目前尚不清楚的多空间是否应该被保存和渲染上下文是什么(pre？textarea？).这是一个不同的问题,最好作为一个单独的问题来解决.