CSS有曰:/ \" V3 e) v; }4 C$ M( ^
) f7 H, \9 C) @; U& X9 V, K
行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。
- U; h) s7 s4 o2 T2 `! m
/ u* s; y$ ^7 Y% N0 ]. A- l但是,垂直內邊距、邊框和外邊距不影響行內框的高度。
. `5 E" q1 w9 |- T$ J' Y; _% _& |$ l
由一行形成的水平框稱為行框(Line Box),行框的高度總是足以容納它包含的所有行內框。不過,設置行高可以增加這個框的高度。$ j5 U3 g, z% D' F
/ q2 [5 Z) k, s$ j) p, w' d-----------------------------曰完了--------------------問問題,百思不得其解------------------的問題---------------------------------------
/ P6 ~$ |% l+ [8 d3 a2 [ {
( e' x; ~ F1 r. Z行內框諸如<span>和<strong>,這個沒問題。
1 _+ _3 m. X3 e1 _' q3 ~2 ?, V! F* ?: i
第一行「行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。」也好理解,增加或減少填充 框的寬度 外邊距調整行內框的間距;( ^4 f2 o; C) F
, b; R/ ~% {" I( @第二行問題大了,非常頭大,什麼叫「但是,垂直內邊距、邊框和外邊距不影響行內框的高度。」# O, V8 M+ W; C2 M( R
! N( ?7 v0 d7 i! h我在想,這個問題遲遲理解不了,存在兩種情況,我對框的高度定義理解錯誤,第二種,這個解釋錯了。先自我檢查下,什麼叫行內框的高度,我的理解是行內框的高度是元素內容高度+padding+margin+border width。因為在 CSS 中,width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸,但是會增加元素框的總尺寸。【我覺得我的這個理解沒問題的吧】,但是究竟為何「但是,垂直內邊距、邊框和外邊距不影響行內框的高度。」這句話非常糾結,糾結至今,無法解決,求解各位大大,這句話咋理解。3 C1 l& }' t& y) B. a& Z5 Y- S
& C5 F. ^, m B/ z! N: ?第三行「由一行形成的水平框稱為行框(Line Box),行框的高度總是足以容納它包含的所有行內框。不過,設置行高可以增加這個框的高度。」理解的似是而非,有一行形成的水平框稱謂行框,這個是否意味著段落中的一行一行的每一行就是一個行框?我按照這個邏輯,這個行框當然可以包含行內框了,不然沒有行框哪裡來的行內框呢?' C A4 P9 X, l5 o; d; y
( E/ ]7 F( U5 h. B5 X A最後一句「不過,設置行高可以增加這個框的高度。」這個框的高度指的是行內框呢?還是行框呢?目前理解的是行框。- K; C. a5 y5 j( L8 v$ g
. E- q1 ^+ r) \說到了行框,by the way 看看這個無比糾結的解釋,高手請通俗的講下什麼是行高和行間距7 [, i, n$ ~/ d9 _% }5 n' A7 k
% t9 d' O7 t+ g( E3 @. R& E
CSS line-height 屬性
6 d; {$ _9 s% B5 R e定義和用法( m" E( _/ ~- r* s6 p
& ?0 E3 K- A& U8 H. h6 p
line-height 屬性設置行間的距離(行高)。: Q& W0 i( Y; R! `- c7 R: |
4 z) W. h7 _4 M! [( o$ k! V7 Y2 V7 |; t
說明《糾結開始》
) D8 x1 s% l) h. g |+ |; Y# P; Z; B! H8 ^3 Y8 X
該屬性會影響行框的佈局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。# l$ P! S! d3 Z
% z2 X3 L3 j/ s3 v2 v$ U9 N2 pline-height 與 font-size 的計算值之差(在 CSS 中成為「行間距」)分為兩半,分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。% F1 ~ K, i# a' ~7 e, Q8 z- m8 r/ P
- p, I( G3 o4 M) C1 B# S
原始數字值指定了一個縮放因子,後代元素會繼承這個縮放因子而不是計算值。《糾結結束》
/ \3 w/ |$ M' L$ s, M
, Y; r5 \5 I3 m0 B# V: e' v% D8 U/ m
2 B& _; ?1 G O2 W yCSS學習就是一個不斷糾結與反糾結的過程,只有你把他們都反糾結了,豁然開朗。~~等著高手給我醍醐灌頂~ |
|