10
2019
06

CSS3 text-justify属性

语法:

text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph 

参数:

auto :  允许浏览器用户代理确定使用的两端对齐法则

inter-word :  通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效

newspaper :  通过增加或减少字或字母之间的html空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式

distribute :  处理空格很像newspaper,适用于东亚文档。尤其是泰国

distribute-all-lines :  两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档

inter-ideograph :  为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格

说明:

设置或检索对象内文本的对齐方式。

对应的脚本特性为textJustify。请参阅我编写的其他书目。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
        <style type="text/css">
               .tt{
                   height: 400px;
                   width: 500px;
                   border: 1px solid lightgray;
                   margin: 0 auto;
               }
               .tt p{
                   text-justify:distribute-all-lines;
                   text-align: justify;
                   text-indent:40px;
                   padding: 10px;
               }
        </style>
    </head>
    <body>
        <div class="tt">
            <p>
            昨天,中国女排就在主攻线上启用了新的搭档,由李盈莹和张常宁组成中国女排主攻组合。昨天同泰国女排的比赛两位主攻的发挥也非常出色,而这场比赛中国女排主教练郎平继续使用张常宁和李盈莹的组合,而她们两人在这场比赛中也继续闪耀,让比利时女排对她们没有太好的办法,中国女排获胜也在情理之中。
            </p>
        </div>
    </body>
</html>

原文链接:https://www.qiquanji.com/post/8618.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。