• 技术文章 > web前端 > css教程

    text-justify属性怎么用

    青灯夜游 青灯夜游 2019-02-11 16:18:00 原创 125
    text-justify属性用于指定当文本对齐属性text-align设置为"justify"时的齐行方法;该属性规定如何对齐行文本进行对齐和分隔。

    CSS3 text-justify属性

    作用:ext-justify属性定义当文本的 text-align 属性被设置为 justify 时的齐行方法。该属性规定如何对齐行文本进行对齐和分隔。

    语法:

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

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

    none:禁用齐行。

    inter-word:增加/减少单词间的间隔。

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

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

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

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

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

    CSS3 text-justify属性的使用示例

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div
    {
    text-align:justify;
    text-justify:inter-word;
    }
    </style>
    </head>
    <body>
    <h1>CSS text-justify 实例</h1>
    <div>php中文网</div>
    <p><b>提示:</b>请调整浏览器窗口的大小,来查看齐行效果。</p>
    </body>

    效果图:

    1.jpg

    以上就是text-justify属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    第六期线上培训班
    专题推荐: text-justify属性 css3
    上一篇:text-outline属性怎么用 下一篇:punctuation-trim属性怎么用

    相关文章推荐

    • 实例详解css3特效之3D翻牌效果 • 实例详解CSS3制作文字流光渐变特效 • CSS的text-indent属性_html/css_WEB-ITnose • css text-justify属性的使用详解

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网