[分享]css中字体两端对齐

CSS中的字体两端对齐（textjustify）是指文本沿着均匀的间距排列，使文本的开始和结束位置对齐。这种排列方法通常用于文本块、标题以及特别长的段落中。要使用CSS中的字体两端对齐，需要使用tex...

CSS中的字体两端对齐（text-justify）是指文本沿着均匀的间距排列，使文本的开始和结束位置对齐。这种排列方法通常用于文本块、标题以及特别长的段落中。

要使用CSS中的字体两端对齐，需要使用text-align属性，它有四个值：left、right、center和justify。其中，justify用于实现字体两端对齐，在不断手动添加或删除空格的情况下使文本块看起来更漂亮。

p {
  text-align: justify;
  text-justify: inter-word; 
  /* 规定供两端对齐使用的单词和字符的间距，inter-word表示对单词间距进行调整，值还有distribute、distribute-all-lines、inter-character等 */
  font-family: sans-serif; /* 规定文本块的字体 */
  font-size: 14px; /* 规定文本块的字体大小 */
  line-height: 1.5em; /* 行高需要与文字大小搭配使用，使得排版更加美观 */
} 

需要注意的问题是，text-justify属性并不是所有浏览器都支持，比如IE只支持inter-word，而Chrome、Firefox则支持更多的值，所以在项目中需要注意兼容性问题。同时，字体两端对齐也需要对字体大小、行高、间距等属性进行合理搭配，才能达到更好的效果。