css3 text-justify属性笔记

原创 国哥笔记  2019-03-19 17:18  阅读 490 views 次

text-justify属性定义及用法

在css中,text-justify属性是使用来指定文本对齐设置为"justify"的理据,指定应怎样对齐文本以及对齐间距。

text-justify属性是css3中新增的属性,目前只有Internet Explorer浏览器支持。

text-justify属性语法格式

  1. css语法:text-justify: auto/inter-word/inter-ideograph/inter-cluster/distribute/kashida/trim;
  2. JavaScript语法:object.style.textJustify="inter-word";

属性值说明

  • auto :浏览器决定齐行算法;
  • none:禁用齐行;
  • inter-word:增加/减少单词间的间隔;
  • inter-ideograph:用表意文本来排齐内容;
  • inter-cluster:只对不包含内部单词间隔的内容(比如亚洲语系)进行排齐;
  • distribute :类似报纸版面,除了在东亚语系中最后一行是不齐行的;
  • kashida:通过拉伸字符来排齐内容;

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 text-justify属性笔记</title>
<style type="text/css">
div{text-align:justify;text-justify:distribute;width:300px;height:200px;border:1px solid indianred;}
</style>
</head>
<body>
<div>text-justify属性演示,text-justify属性演示,text-justify属性演示,text-justify属性演示</div>
</body>
</html>

运行结果:

text-justify属性笔记

 

更多css属性请移步到——>css属性大全

本文地址:https://www.ggbiji.com/css-text-justify.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情