• 文本对齐 | text-justify (Text)


  •   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;
       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
  • 相关阅读:
    软件常用图标大全
    SendMessage PostMessage ( hWnd, Msg, wParam, lParam) 四个参数是如何定义的,
    qt 中文 error: C2001: 常量中有换行符
    本周最新文献速递20220327
    linux: 删除列重复的行
    报错:ERROR: Failed to locate fastqtl_to_mash.ipynb.sos
    抵达理性之途的三十条建议
    碎碎念五八
    “驯服”业务流程:盘点业务开发中的常见流程模式
    基于jira数据开发一个质量看板
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13211232.html
Copyright © 2020-2023  润新知