如何取消text-align:对齐中文文本(或任何不使用空格字符的文本)?

时间:2017-07-27 18:43:56

标签: html css chinese-locale

为了防止某些短语在对齐文本中间隔开,只需在单词之间使用 而不是正常空格。但是这个概念怎么能延续到中文文本呢? "词" ("字符")它们之间没有空格字符,在一个合理的段落中自动间隔开。见https://jsfiddle.net/oak5wxoz/2/

显而易见的解决方案(使用‍)并不起作用。 (虽然它确实对文本产生了影响 - 但效果并不理想;请看第一行。)

要查看效果,您可能需要调整jsfiddle框架的大小。附上结果的图像。

<P CLASS="justified">Unimaginatively latin <SPAN CLASS="unjustify">中&zwj;文</SPAN></P>

.justified
{text-align:justify}
.unjustify
{text-align:left}

enter image description here

我要问的是如何取消<SPAN>中文文本中的文字对齐?这个问题与任何关于取消text-align的问题有些相关,但完全没有重复:在通常使用空格字符的任何语言的<SPAN>文本中都是正确的。

1 个答案:

答案 0 :(得分:0)

好吧,现在我发布这个问题感到愚蠢,但答案部分存在,在我尝试过的解决方案中。

text-align无法应用于内联元素,因此需要将display: inline-block应用于范围,并且它就是。

已更新:https://jsfiddle.net/oak5wxoz/3/