zoukankan      html  css  js  c++  java
  • 处理不同方向的文本1.0

     CSS的书写模式,是用来定义文本的排列方向是横向的还是纵向的

      writing-mode:

    1. horizon-tb:块流向从上至下,对应的文本方向是横向的
    2. vertical-lr:块流向从左至右,对应的文本方向是纵向
    3. vertical-rl:块流向从右至左,对应的文本方向是纵向的
    4. 可以认为,第一个决定的是内联文本的方向,如horizon文本水平排列即横向,tb:top-bottom,块级流由上至下

    书写模式、块级布局和内联布局

      物理属性:width水平方向上的长度,height:垂直方向的长度

      逻辑属性:inline-size:内联尺寸,block-size:块级尺寸

      为什么要用逻辑属性?不同的书写模式中,因为物理属性是水平的,还会是水平,是垂直的,还会是垂直,不会随着书写模式的改变自适应改变,而逻辑属性,是通过上述两张图的方式进行配置的,所以无论书写模式怎样改变,都会有相对应的属性配置。

      逻辑外边距、边框、内边距属性:

  • 相关阅读:
    ffmpeg
    HDU 1031 Design T-Shirt
    HDU 1029 Ignatius and the Princess IV
    HDU 1022 Train Problem I
    HDU 1017 A Mathematical Curiosity
    HDU 1015 Safecracker
    HDU 1002 A + B Problem II
    HDU 1070 Milk
    高精度算法(一)
    codeblocks 使用心得
  • 原文地址:https://www.cnblogs.com/joeynkay/p/12711574.html
Copyright © 2011-2022 走看看