1. 面向开发者的 Web 技术
  2. CSS：层叠样式表
  3. CSS 参考
  4. 属性
  5. text-justify

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

text-justify

有限可用

此特性不属于基线，因为它尚未在主流浏览器中得到支持。

Want more browser support for this feature? Tell us why.

CSS 属性 text-justify 定义的是当文本的 text-align 属性被设置为 :justify 时的齐行方法。

css
text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* 已被废除，不提倡使用 */
初始值auto
适用元素inline-level and table-cell elements
是否是继承属性是
计算值as specified
动画类型离散值

语法

text-justify 属性的值只能取下面列表中的单个关键词值。

值

none

表示关闭掉齐行的设置。表现的效果和没有设置 text-align 一样，当你因为某种原因需要在已经设置了 text-align 的元素上禁用齐行效果的时候，这个属性值很有用。

auto

默认值，浏览器根据显示的效果和质量来确定符合当前状态的最佳对齐方式，当然这种对齐方式将是最适合某种语言文字的排版（例如：英语，中文，日语，韩语等）。如果没有对 text-justify 进行设置的话，则是默认使用这样子的对齐规则。

inter-word

通过在文本中的单词之间添加空间来实现行对齐（这将会改变 word-spacing 的值），比如英语或韩语就是最适合使用这个属性来用空格分隔单词的语言。

inter-character

通过在文本中的字符之间添加空间来实现行对齐（这将会改变 letter-spacing 的值），比如日语就是最适合使用这个属性的语言。

distribute

显示效果与设置了 inter-word 一致，不提倡使用这个属性，现在这个属性或许还能有效果，但那完全是为了向后兼容而被保留着。

语法

text-justify = 
  [ auto | none | inter-word | inter-character | ruby ]  ||
  no-compress
此语法反映了基于 CSS Text Module Level 4 的最新标准。并非所有浏览器都已实现全部内容。有关支持信息，请参阅浏览器兼容性。

示例

css
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 Text Module Level 3
# text-justify-property

浏览器兼容性

参见

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题