如何取消 text-align: justify 中文文本(或任何不使用 space 字符的文本)?
How does one cancel text-align: justify for Chinese text (or any text that doesn't use space characters)?
为了防止某些短语在对齐的文本中 spaced 分开,只需在单词之间使用
而不是正常的 space。但是,这个概念如何能够延续到中文文本中呢? "Words" ("characters") 之间没有 space 字符会自动 spaced 在对齐的段落中分开。参见 https://jsfiddle.net/oak5wxoz/2/
显而易见的解决方案(使用 ‍
)不起作用。 (虽然它似乎确实对文本产生了影响 - 只是没有达到预期的效果;请参阅第一行。)
为了查看效果,您可能需要调整 jsfiddle 框架的大小。附上结果图片。
<P CLASS="justified">Unimaginatively latin <SPAN CLASS="unjustify">中‍文</SPAN></P>
和
.justified
{text-align:justify}
.unjustify
{text-align:left}
我想问的是如何在<SPAN>
中文文本中取消text-justify?这个问题与任何关于取消文本对齐的问题有点相关,但完全不是重复:在通常使用 space 个字符的任何语言的 <SPAN>
文本中证明。
好吧,现在我觉得发布这个问题很愚蠢,但答案已经部分存在,在我尝试过的解决方案中。
text-align
不能应用到行内元素,所以 display: inline-block
需要应用到 span 上,就是这样。
为了防止某些短语在对齐的文本中 spaced 分开,只需在单词之间使用
而不是正常的 space。但是,这个概念如何能够延续到中文文本中呢? "Words" ("characters") 之间没有 space 字符会自动 spaced 在对齐的段落中分开。参见 https://jsfiddle.net/oak5wxoz/2/
显而易见的解决方案(使用 ‍
)不起作用。 (虽然它似乎确实对文本产生了影响 - 只是没有达到预期的效果;请参阅第一行。)
为了查看效果,您可能需要调整 jsfiddle 框架的大小。附上结果图片。
<P CLASS="justified">Unimaginatively latin <SPAN CLASS="unjustify">中‍文</SPAN></P>
和
.justified
{text-align:justify}
.unjustify
{text-align:left}
我想问的是如何在<SPAN>
中文文本中取消text-justify?这个问题与任何关于取消文本对齐的问题有点相关,但完全不是重复:在通常使用 space 个字符的任何语言的 <SPAN>
文本中证明。
好吧,现在我觉得发布这个问题很愚蠢,但答案已经部分存在,在我尝试过的解决方案中。
text-align
不能应用到行内元素,所以 display: inline-block
需要应用到 span 上,就是这样。