文本对齐 | text-justify (Text) - CSS 中文开发手册 - Break易站


  • ??CSS 中文开发手册

    文本对齐 | text-justify (Text) - CSS 中文开发手册

    该text-justifyCSS属性定义当文本设定为justified时,应该应用什么类型的对齐方式(即,有如下设定:text-align: justify;时)。

    text-justify: none;
    text-justify: auto;
    text-justify: inter-word;
    text-justify: inter-character;
    text-justify: distribute; /* Deprecated value */

    Initial value

    auto

    Applies to

    inline-level and table-cell elements

    Inherited

    yes

    Media

    visual

    Computed value

    as specified

    Animation type

    discrete

    Canonical order

    the unique non-ambiguous order defined by the formal grammar

    语法

    该text-justify属性被指定为下面的列表中的任意一个关键字。

    可能的值

    none——文本对齐关闭。这与完全没有设置text-align的效果相同,但是如果由于某种原因需要打开和关闭对齐功能时,该设定就很有用了。

    auto——浏览器根据性能和质量之间的平衡,选择适合当前情况的最佳类型,并且要求最适合当前文本语言(例如,英语,中日韩语言等)。如果text-justify没有设置,则这是默认的对齐方式。

    inter-word——通过在单词之间添加空格(适时改变word-spacing)来使文本分布最为合适,这对于使用空格(例如英语或韩语)分隔单词的语言是最合适的。

    inter-character——通过在字符之间添加空格来有效地改变文本是合理的(适时改变letter-spacing),这对日语等语言来说是最合适的。

    distribute——表现与inter-word相同,该值为保持向后兼容性而保留。

    形式语法

    auto | inter-character | inter-word | none

    实例

    p {
      font-size: 1.5em;
      border: 1px solid black;
      padding: 10px;
      width: 95%;
      margin: 10px auto;
      text-align: justify;
    }
    
    .none {
      text-justify: none;
    }
    
    .auto {
      text-justify: auto;
    }
    
    .dist {
      text-justify: distribute;
    }
    
    .word {
      text-justify: inter-word;
    }
    
    .char {
      text-justify: inter-character;
    }

    规范

    Specification

    Status

    Comment

    CSS Text Module Level 3The definition of ‘text-justify‘ in that specification.

    Working Draft

    ?

    浏览器兼容性

    Feature

    Chrome

    Edge

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari

    Basic support

    No support2

    141

    55.0 (55.0)

    111

    No support2

    No support

    Feature

    Android

    Chrome for Android

    Edge

    Firefox Mobile (Gecko)

    IE Mobile

    Opera Mobile

    Safari Mobile

    Basic support

    No support2

    No support2

    141

    55.0 (55.0)

    111

    No support2

    No support

    
    
  • ??CSS 中文开发手册
  • 转载请保留页面地址:https://www.breakyizhan.com/css/31999.html

    文本对齐 | text-justify (Text) - CSS 中文开发手册 - Break易站

    上一篇:MySQL学习之Mysql锁&事务隔离级别


    下一篇:PHP 中的集合运算