zoukankan      html  css  js  c++  java
  • 每天一个css text-align

    Value:   left | right | center | justify | inherit
    初始值:   如果direction的值为ltr,则text-align的初始值为left,如果direction的值为rtl,则text-align的初始值为right
    应用范围:   块级容器,如div等
    是否继承: 
    Percentages:   N/A
    Media:   visual
    计算值   初始值或者特别指定的值
    text-align用于规定块级元素内的文本的水平对齐方式,有left(靠左对齐),right(靠右对齐),center(居中对齐),justify(两端对齐  可能会改变文字之间的间距).   
     需要注意的是text-align属性是运用于块级容器中的,不要将其应用于如span等行内元素。并且该属性是被继承的,所以应用text-align属性的所有子元素也会继承到该属性。

     
    参考网址:http://www.w3.org/TR/CSS21/text.html#propdef-text-align
    direction
    Value:   ltr | rtl | inherit
    Initial:   ltr
    Applies to:   all elements, but see prose
    Inherited:   yes
    Percentages:   N/A
    Media:   visual
    Computed value:   as specified
    英文原版
    'text-align'
    Value:   left | right | center | justify | inherit
    Initial:   a nameless value that acts as 'left' if 'direction' is 'ltr', 'right' if 'direction' is 'rtl'
    Applies to:   block containers
    Inherited:   yes
    Percentages:   N/A
    Media:   visual
    Computed value:   the initial value or as specified

    This property describes how inline-level content of a block container is aligned. Values have the following meanings:

    left, right, center, justify
    Left, right, center, and justify text, respectively, as described in the section on inline formatting.

    A block of text is a stack of line boxes. In the case of 'left', 'right' and 'center', this property specifies how the inline-level boxes within each line box align with respect to the line box's left and right sides; alignment is not with respect to the viewport. In the case of 'justify', this property specifies that the inline-level boxes are to be made flush with both sides of the line box if possible, by expanding or contracting the contents of inline boxes, else aligned as for the initial value. (See also 'letter-spacing' and 'word-spacing'.)

    If an element has a computed value for 'white-space' of 'pre' or 'pre-wrap', then neither the glyphs of that element's text content nor its white space may be altered for the purpose of justification.

    Note: CSS may add a way to justify text with 'white-space: pre-wrap' in the future.

    In this example, note that since 'text-align' is inherited, all block-level elements inside DIV elements with a class name of 'important' will have their inline content centered.

    
    div.important { text-align: center }
    

    Note. The actual justification algorithm used depends on the user-agent and the language/script of the text.

    Conforming user agents may interpret the value 'justify' as 'left' or 'right', depending on whether the element's default writing direction is left-to-right or right-to-left, respectively.

  • 相关阅读:
    Linux Command
    sql查询将列里面的值替换为别的值但是实际值不变
    MY_SQLCode
    ComboBox设置Text属性
    WPF bmp和二进制转换
    C#中打开文件、目录、保存窗口
    WPF实现右键菜单
    BarTender SDK 实现调用模板条码打印
    VS Code非英语版本连接TFS错误解决方案
    DBeaver连接达梦数据库
  • 原文地址:https://www.cnblogs.com/lifeisshort/p/4830202.html
Copyright © 2011-2022 走看看