文本对齐 | text-justify (Text) - CSS 中文开发手册 - Break易站

??CSS 中文开发手册

文本对齐 | text-justify (Text) - CSS 中文开发手册

该text-justifyCSS属性定义当文本设定为justified时，应该应用什么类型的对齐方式（即，有如下设定：text-align: justify;时）。

text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* Deprecated value */

语法

该text-justify属性被指定为下面的列表中的任意一个关键字。

可能的值

none——文本对齐关闭。这与完全没有设置text-align的效果相同，但是如果由于某种原因需要打开和关闭对齐功能时，该设定就很有用了。

auto——浏览器根据性能和质量之间的平衡，选择适合当前情况的最佳类型，并且要求最适合当前文本语言（例如，英语，中日韩语言等）。如果text-justify没有设置，则这是默认的对齐方式。

inter-word——通过在单词之间添加空格（适时改变word-spacing）来使文本分布最为合适，这对于使用空格（例如英语或韩语）分隔单词的语言是最合适的。

inter-character——通过在字符之间添加空格来有效地改变文本是合理的（适时改变letter-spacing），这对日语等语言来说是最合适的。

distribute——表现与inter-word相同，该值为保持向后兼容性而保留。

形式语法

auto | inter-character | inter-word | none

实例

p {
  font-size: 1.5em;
  border: 1px solid black;
  padding: 10px;
  width: 95%;
  margin: 10px auto;
  text-align: justify;
}

.none {
  text-justify: none;
}

.auto {
  text-justify: auto;
}

.dist {
  text-justify: distribute;
}

.word {
  text-justify: inter-word;
}

.char {
  text-justify: inter-character;
}

规范

浏览器兼容性

??CSS 中文开发手册