CSS有曰：
$ _5 x' h4 U% I0 W% Y+ e( ]2 ^5 W& k" a
行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。
8 }" ^# n8 @9 d5 Q, o- W* u9 a. i1 B3 g. X# ~0 E
但是，垂直內邊距、邊框和外邊距不影響行內框的高度。: D5 O8 h' K5 o- ^) F
9 n# R9 V, Q+ M) \% O; u- z, x/ `: O7 ^由一行形成的水平框稱為行框（Line Box），行框的高度總是足以容納它包含的所有行內框。不過，設置行高可以增加這個框的高度。
+ F" p9 P0 e& e2 `9 H( X: j& g: i* E* d. K
-----------------------------曰完了--------------------問問題，百思不得其解------------------的問題---------------------------------------
2 n' |' D+ s- a; K3 u& \
5 P8 m1 T4 q$ K/ K7 h$ t8 R% o行內框諸如<span>和<strong>，這個沒問題。
3 ^' K% [, r/ z' W
! N$ K, o& s! l8 B第一行「行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。」也好理解，增加或減少填充 框的寬度 外邊距調整行內框的間距；: T: S* W# i$ t' j; u% g
7 P2 Z8 Y8 z! V, X* d% l/ |$ O第二行問題大了，非常頭大，什麼叫「但是，垂直內邊距、邊框和外邊距不影響行內框的高度。」) ^- _5 H% B. ]0 s( w0 r
/ I- z5 e/ E+ F$ u3 n) t
我在想，這個問題遲遲理解不了，存在兩種情況，我對框的高度定義理解錯誤，第二種，這個解釋錯了。先自我檢查下，什麼叫行內框的高度，我的理解是行內框的高度是元素內容高度+padding+margin+border width。因為在 CSS 中，width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸。【我覺得我的這個理解沒問題的吧】，但是究竟為何「但是，垂直內邊距、邊框和外邊距不影響行內框的高度。」這句話非常糾結，糾結至今，無法解決，求解各位大大，這句話咋理解。# m( g+ R7 s& i u
# H/ q2 ?$ L5 @. u" g3 O& Y第三行「由一行形成的水平框稱為行框（Line Box），行框的高度總是足以容納它包含的所有行內框。不過，設置行高可以增加這個框的高度。」理解的似是而非，有一行形成的水平框稱謂行框，這個是否意味著段落中的一行一行的每一行就是一個行框？我按照這個邏輯，這個行框當然可以包含行內框了，不然沒有行框哪裡來的行內框呢？
+ j# j! ]! J! A: u3 ]2 P$ C3 j4 `2 Q' }7 Q/ T; H
最後一句「不過，設置行高可以增加這個框的高度。」這個框的高度指的是行內框呢？還是行框呢？目前理解的是行框。' i x% _2 g# G0 b
; F# M/ a, u O' ^3 |% P說到了行框，by the way 看看這個無比糾結的解釋，高手請通俗的講下什麼是行高和行間距4 r- w0 P: L8 ^* S
7 ]6 Z) A2 l1 ~+ yCSS line-height 屬性) e* ~0 \+ k% j# v0 Q- e6 o5 G$ {
定義和用法
1 X% |# a. X6 n) p4 Z: {0 K
/ H( n: {7 h8 B. R" fline-height 屬性設置行間的距離（行高）。
3 M [$ D1 {5 e- f) m6 q( P6 x+ M$ K5 w- k
j+ P% r- V; @" u5 p1 D
說明《糾結開始》; T. K4 O0 i Z7 S
7 B' e6 }: P* A6 ^( m9 K1 D* u該屬性會影響行框的佈局。在應用到一個塊級元素時，它定義了該元素中基線之間的最小距離而不是最大距離。
p0 V) }- e# a w f# D# W- m- t' e
" o* s: F1 T0 `1 r4 Pline-height 與 font-size 的計算值之差（在 CSS 中成為「行間距」）分為兩半，分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。0 ~( W* u( q3 |9 `
: G' N# K! g# v' H% m8 A0 i I
原始數字值指定了一個縮放因子，後代元素會繼承這個縮放因子而不是計算值。《糾結結束》2 s8 v: y! X! O0 r5 X+ i+ I- ]3 n
9 x* z! Q* z- e% p: J) o- S# C3 s) B: ?
CSS學習就是一個不斷糾結與反糾結的過程，只有你把他們都反糾結了，豁然開朗。~~等著高手給我醍醐灌頂~ |
|
發表於 2010-12-15 17:11:56
提升卡
沉默卡
变色卡