CSS有曰：
, I$ [ I. ]' {' N, \9 h5 f: U
3 K# \! Y7 v+ {; ~+ W行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。1 t [. J% V1 l. [: i! d/ I4 e
8 @ S& ?* W% k0 {
但是，垂直內邊距、邊框和外邊距不影響行內框的高度。: l; s: `4 f6 Z/ w
. H+ k5 {; O7 h; i
由一行形成的水平框稱為行框（Line Box），行框的高度總是足以容納它包含的所有行內框。不過，設置行高可以增加這個框的高度。. f; m# v! T9 _, `3 s7 N$ l
- S2 d1 F. r% p" q8 p" D& Q
-----------------------------曰完了--------------------問問題，百思不得其解------------------的問題---------------------------------------! X* d( h/ o; P, O$ k0 P: l) c
/ k+ {9 j0 N2 q
行內框諸如<span>和<strong>，這個沒問題。* o: L3 D, W* x& L" b: P. r
, V) ?3 ~ O5 l: @9 q+ k: m% i9 t5 C$ @
第一行「行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。」也好理解，增加或減少填充 框的寬度 外邊距調整行內框的間距；6 |, o) N* n- p2 Q9 q6 y8 R5 u4 o
5 J1 l" w7 X1 V/ w1 f2 O1 {* N
第二行問題大了，非常頭大，什麼叫「但是，垂直內邊距、邊框和外邊距不影響行內框的高度。」
1 Q! C: U2 n7 V& c3 }" u
; ^" H p, o7 y' e* O我在想，這個問題遲遲理解不了，存在兩種情況，我對框的高度定義理解錯誤，第二種，這個解釋錯了。先自我檢查下，什麼叫行內框的高度，我的理解是行內框的高度是元素內容高度+padding+margin+border width。因為在 CSS 中，width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸。【我覺得我的這個理解沒問題的吧】，但是究竟為何「但是，垂直內邊距、邊框和外邊距不影響行內框的高度。」這句話非常糾結，糾結至今，無法解決，求解各位大大，這句話咋理解。, W) D# x% K" ]( s, I* m
4 t8 h1 g6 F7 D0 s U) L
第三行「由一行形成的水平框稱為行框（Line Box），行框的高度總是足以容納它包含的所有行內框。不過，設置行高可以增加這個框的高度。」理解的似是而非，有一行形成的水平框稱謂行框，這個是否意味著段落中的一行一行的每一行就是一個行框？我按照這個邏輯，這個行框當然可以包含行內框了，不然沒有行框哪裡來的行內框呢？
8 ~+ l" I3 D9 {9 [4 ^. W0 F! n7 N L- ]! x9 @
最後一句「不過，設置行高可以增加這個框的高度。」這個框的高度指的是行內框呢？還是行框呢？目前理解的是行框。. P/ v* O7 j9 p9 N
8 t9 D, t# X: m3 M# |3 a4 K說到了行框，by the way 看看這個無比糾結的解釋，高手請通俗的講下什麼是行高和行間距
$ y1 M: c, F9 O% t/ \% M- N5 l: v$ |6 w4 E s) N6 R9 P/ w
CSS line-height 屬性: t) j* J6 b- X$ n8 l& `) W+ ^/ ^& S
定義和用法
6 p) l1 ]* d! I# w$ V$ u$ c; i" X& f( r. E: i9 B: S, |
line-height 屬性設置行間的距離（行高）。
/ p. }# K8 x3 d* y7 C
& n6 h$ z2 R7 F7 G1 N. p H
5 w4 t% \- x1 g/ z說明《糾結開始》
1 `( w% w4 `6 d# q" R8 k6 C& D
) z/ m9 U' i" Z2 r: _, l* t: r該屬性會影響行框的佈局。在應用到一個塊級元素時，它定義了該元素中基線之間的最小距離而不是最大距離。 B0 _) m3 X x5 c( B) Z( d! i0 r
$ f9 n9 f9 V& S
line-height 與 font-size 的計算值之差（在 CSS 中成為「行間距」）分為兩半，分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。. R6 l0 g* Z' y; b- ^
# P; L6 p9 `" o7 h
原始數字值指定了一個縮放因子，後代元素會繼承這個縮放因子而不是計算值。《糾結結束》4 j# N: d4 L9 H3 Y) h. [
& T# L% @6 a2 b8 c$ ~5 g& W
! V. z& l; e: f2 H! r$ v( c% M
CSS學習就是一個不斷糾結與反糾結的過程，只有你把他們都反糾結了，豁然開朗。~~等著高手給我醍醐灌頂~ |
|
發表於 2010-12-15 17:11:56
提升卡
沉默卡
变色卡