我可以使用CSS打破特殊字符的界限吗?

时间:2014-12-11 09:17:03

标签: css

我有一行ex:" Break at Special Character; String Break; Example Break"。我想打破关于&#34 ;;"的界限。使用CSS。

有没有办法可以这样做。请建议

3 个答案:

答案 0 :(得分:2)

不,遗憾的是,CSS目前没有工具可以指定在某些字符后允许(或强制)换行符。您需要在元素中包装字符或字符串,并为元素指定换行行为。

以下示例首先显示如何强制换行,然后如何允许换行,否则不会出现换行符。这使用生成的内容;还有其他技术。

.br::after { content: "\a"; white-space: pre; } /* line break */
.bro::after { content: "\200b"; } /* zero-width space */
<p>Break at Special Character<span class=br>;</span>String Break<span class=br>;</span>Example Break</p>
<p style="width: 10em">Break at Special Character<span class=bro>;</span>String Break<span class=bro>;</span>Example Break</p>

答案 1 :(得分:2)

不,没有办法这样做。如果可以通过CSS控制,我认为它将控制包装宽度不足的包装。如果您不想将murkup添加到文本中,则可以使用JavaScript(如果有HTML页面)或任何其他方式以编程方式添加html换行符。

答案 2 :(得分:1)

有办法做到这一点。两者都不会强制换行:

  1. 使用零宽度空格,例如在您希望表现为分词符号的每个特殊字符之后。 (感谢https://stackoverflow.com/a/28959024/2213940
  2. 如果您希望避免使用特殊字符,请使用实际空格但使用小字体,例如: