在CSS中,当text-align属性被赋值为justify时,text-justify属性常常与text-align属性一起使用来设置文本的对齐方式。p{文本对齐:对齐;text-justify:inter-word;}Valuesinter-word:表示通过调整字(word)之间的间距,使当前文本两端对齐,实际上是增加了额外的字间距。这个属性值其实是word-spacing属性的一种变形。inter-character:表示通过调整字符间距,使当前文本两端对齐,实际上增加了多余的字符间距。这个属性值其实是对letter-spacing属性的一种变形。auto:允许浏览器从词间和字符间选择一个合适的值作为两端的对齐方式。在多语言场景下,在渲染文本之前不可能知道这一点。哪个国家的语言。这时,(auto)将允许浏览器用户代理根据当前文本的语言选择合适的两端对齐方式。none:禁用两端对齐规则,即去掉任何可能的pass(Style)设置或重写在级联中生效的两端对齐。什么是双向调整?Justifiedtext是一个很有想象力的语句,用来描述文本如何填充包含它的父容器的方式。事实上,您可能已经熟悉对齐文本,只是您不知道而已。如果你曾经使用过文本编辑软件,比如Word和GoogleDocs,你可能对以下图标(icons)非常熟悉:前三个用于设置文本的对齐方式,就像text-align属性一样CSS,可以设置文本的左对齐、右对齐、居中对齐。第四个图标是两端对齐选项。它使文本内容填满文档的整个宽度,无论是否影响字间距,每行文本都会靠边框右对齐。GoogleDocs中的justifiedtext会扩大字间距占据整个文档的宽度。text-justify属性可以让我们达到同样的效果,但是可以灵活决定是否按字(words)来调整文本对齐间距或字符(字符)间距。浏览器兼容性text-justify属性已包含在CSSTextModuleLevel3文档中。目前的text-justify属性已经被列为“atrisk”(危险),因为它可能在候选推荐期被丢弃。近期不太可能被纳入各种浏览器的通用标准,所以不建议在项目生产中使用该属性。目前只有Firefox55+完全支持它。InternetExplorer11和Edge14+也支持这个属性,但是只有词间值才有效,而且因为是非正式的属性值,所以W3C规范没有收录。浏览器支持数据来自Caniuse,点击浏览更多。有资料显示浏览器版本支持该功能。
