<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本對齊</title> <style type="text/css"> .cssclass{ height: 400px; width: 500px; border: 1px solid lightgray; margin: 0 auto; } .cssclass p{ text-justify:distribute-all-lines; text-align: justify; text-indent:40px; padding: 10px; } </style> </head> <body> <div class="cssclass"> <p> text-justify語法：text-justify:auto|inter-word|newspaper|distribute|distribute-all-lines|inter-ideograph auto :允許瀏覽器用戶代理確定使用的兩端對齊法則 inter-word :通過增加字之間的空格對齊文本。該行為是對齊所有文本行最快的方法。它的兩端對齊行為對段落的最后一行無效 newspaper : 通過增加或減少字或字母之間的空格對齊文本。是用於拉丁文字母表兩端對齊的最精確格式 distribute :處理空格很像newspaper，適用於東亞文檔。尤其是泰國 distribute-all-lines :兩端對齊行的方式與distribute相同，也同樣不包含兩段對齊段落的最后一行。適用於表意字文檔 inter-ideograph : 為表意字文本提供完全兩端對齊。他增加或減少表意字和詞間的空格 </p> </div> </body> </html>