CSS3 text-justify属性
时间：6年前 阅读：4690
语法：
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,我们将及时处理。
微信扫码关注
更新实时通知
网友评论