text-align:justify真正作用及无效处理方式

来源：互联网发布：understand mac注册码编辑：程序博客网时间：2024/05/16 15:31

<!DOCTYPE html>  <html>  <head>      <meta charset="utf-8">      <title>Test</title>      <style type="text/css">          div{              text-align: justify;          }      </style>  </head>  <body>  <div>        <p>作者是一个文本：问题hi是：是滴是滴见风使舵：作者是一个文本：问题hi是：是滴是滴见风使舵：作者是一个文本：问题hi是：是滴是滴见风使舵：作者是一个文本：问题hi是：是舵：作者是一个文本：问题hi是：是滴是滴见风使舵：作者是一个文本：问题hi是：是滴舵：作者是一个文本：问题hi是：是滴是滴见风使舵：作者是一个文本：问题hi是：是滴滴是滴见风使舵：作者是一个文本：问题hi是：是滴是滴见风使舵：</p>  </div>  </body>  </html>

原理：text-align:justify;只对最后一行之前的行生效，如果你只有一行则需特殊处理。

1、使用text-align-last，并将其设置为justify。text-align-last不是所有浏览器支持。

2、手动添加一行最为最后行，并将其隐藏。

阅读全文

0 0