相反流的盒的預設對齊位置

我有跟 Hax 提過這個問題,不過我現在剛好沒有時間介紹這個問題,如果可以,
有請 Hax 幫忙介紹一下。相關的 CSS 2.1 的部份是這幾段[1]:

  # 常規流中的塊級非置換元素
  #
  # 以下拘束必須在這些屬性的使用值中成立:
  # 'margin-left' + 'border-left-width' + padding-left' + 'width' +
  # 'padding-right' + 'border-right-width' + 'margin-right' = 包含塊的寬
  #  度
  #
  # ...
  #
  # 若所有以上屬性的計算值皆不為 'auto',則本規範稱這些值的情況作「過拘
  # 束」,而其中一個屬性的使用值會與其計算值不同。若包含塊的
  # 'direciton' 屬性為 'ltr',則使用者代理會忽略 'margin-right' 的指定
  # 值,且將該值計算成讓等式為真的值。若 'direction' 的值是 'rtl',則上
  # 述情況改在 'margin-left' 上發生。

兩種情形:

一、主要是橫排('writing-mode: horizontal-tb')的文件裡的一部分豎排。
二、'flex-flow: column wrap-reverse'


[1] http://www.w3.org/html/ig/zh/wiki/CSS2#blockwidth


以上

Kenny

Received on Wednesday, 18 July 2012 03:17:11 UTC