<!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>
文本对齐属性text-justify
最新推荐文章于 2023-12-21 20:06:30 发布