text-justify属性怎么用

2024-01-17 15:37 小编

    CSS3text-justify属性

 

  text-justify属性指定文本对齐设置为"justify"的理据,指定应怎样对齐文本以及对齐间距。

 

  语法:

 

  text-justify:auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

 

  参数:

 

  auto:浏览器决定齐行算法。

 

  none:禁用齐行。

 

  inter-word:增加/减少单词间的间隔。通过调整单词之间的间距来对齐文本,从而有效地创建其他单词间距。这实际上是word-spacing属性的变体。

 

  inter-ideograph:用表意文本来排齐内容。

 

  inter-cluster:只对不包含内部单词间隔的内容(比如亚洲语系)进行排齐。

 

  distribute:类似报纸版面,除了在东亚语系中最后一行是不齐行的。

 

  kashida:通过拉伸字符来排齐内容。

 

  注:只有InternetExplorer支持text-justify属性。

 

  CSS3text-justify属性的使用示例

 

  <!DOCTYPEhtml>

 

  <html>

 

  <head>

 

  <metacharset="UTF-8">

 

  <style>

 

  div

 

  {

 

  text-align:justify;

 

  text-justify:inter-word;

 

  }

 

  </style>

 

  </head>

 

  <body>

 

  <h1>CSStext-justify实例</h1>

 

  <div>php中文网</div>

 

  <p><b>提示:</b>请调整浏览器窗口的大小,来查看齐行效果。</p>

 

  </body>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码