过期域名预定抢注

 找回密碼
 免费注册

問一個CSS中行內框高度的問題!

[複製鏈接]
發表於 2010-12-15 17:11:56 | 顯示全部樓層 |閱讀模式
CSS有曰:7 S7 k& F) Z6 i* [/ T) u) f! I$ Z* A

3 |( Q; A& s8 @" l( y. v+ S  Y/ T行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。$ Y. W& x, G; i- Q& U2 ^

2 D+ z8 O$ d% V2 m% Q但是,垂直內邊距、邊框和外邊距不影響行內框的高度。
) d1 ~3 G5 Z% h/ y3 s$ J) P4 g7 b0 t) H1 a% ?
由一行形成的水平框稱為行框(Line Box),行框的高度總是足以容納它包含的所有行內框。不過,設置行高可以增加這個框的高度。
0 `( v! V& H  a" e
9 Z0 x4 n% i" t! I$ S-----------------------------曰完了--------------------問問題,百思不得其解------------------的問題---------------------------------------
$ x# F" C. A2 q( E/ o5 R* }8 n- @% _8 Y, H$ N; T2 e; m* W
行內框諸如<span>和<strong>,這個沒問題。
0 w4 O% G' A+ k9 V& h- u# m2 I. {% F- H
第一行「行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。」也好理解,增加或減少填充 框的寬度 外邊距調整行內框的間距;. ]. n* H8 H  p* N" e* Y, b; Y- @' p
* e6 r0 l4 c& N# b4 T6 Y
第二行問題大了,非常頭大,什麼叫「但是,垂直內邊距、邊框和外邊距不影響行內框的高度。」1 k& P4 W$ L1 v0 Q0 S
" N, ~# X. a" ^  s- h
我在想,這個問題遲遲理解不了,存在兩種情況,我對框的高度定義理解錯誤,第二種,這個解釋錯了。先自我檢查下,什麼叫行內框的高度,我的理解是行內框的高度是元素內容高度+padding+margin+border width。因為在 CSS 中,width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸,但是會增加元素框的總尺寸。【我覺得我的這個理解沒問題的吧】,但是究竟為何「但是,垂直內邊距、邊框和外邊距不影響行內框的高度。」這句話非常糾結,糾結至今,無法解決,求解各位大大,這句話咋理解。
4 H0 E' S; |% c% i: g( ^) Y: l  D
% e' u7 l* c# ?第三行「由一行形成的水平框稱為行框(Line Box),行框的高度總是足以容納它包含的所有行內框。不過,設置行高可以增加這個框的高度。」理解的似是而非,有一行形成的水平框稱謂行框,這個是否意味著段落中的一行一行的每一行就是一個行框?我按照這個邏輯,這個行框當然可以包含行內框了,不然沒有行框哪裡來的行內框呢?
3 t0 W6 I. ]  G; _7 X0 R' L& ]# r, i4 {. x
最後一句「不過,設置行高可以增加這個框的高度。」這個框的高度指的是行內框呢?還是行框呢?目前理解的是行框。( V$ S; s$ m  m% e/ E, r

. V3 }# L0 X" p- z說到了行框,by the way 看看這個無比糾結的解釋,高手請通俗的講下什麼是行高和行間距
  d, _- K* ]! |" n0 G( v
7 K: O5 Y( P6 b+ U7 h6 kCSS line-height 屬性0 ?( E. N- |8 s2 y6 V$ P6 p3 h
定義和用法
. h% \- j+ a7 \$ t5 {0 K+ e- u  G. y, {& F2 Q! e
line-height 屬性設置行間的距離(行高)。
6 a& Z: B. D9 |5 z* M# s/ \4 k8 b1 ~- y# d/ d. z$ Q* K7 X

; G6 ]1 \% T' z; Y9 Z說明《糾結開始》0 V' h6 D/ K; V

5 g( ]9 K- J; R* e, T該屬性會影響行框的佈局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。
5 s, L+ i7 h, N! }
( T3 o- P- J$ s3 G  Sline-height 與 font-size 的計算值之差(在 CSS 中成為「行間距」)分為兩半,分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。
/ ^6 r6 z2 E+ r+ l3 G
: ~+ M4 R0 P* i" y; o1 J- E9 v& q0 D原始數字值指定了一個縮放因子,後代元素會繼承這個縮放因子而不是計算值。《糾結結束》
) J8 F% P# q' f/ ~/ `1 O/ [7 m) c0 j# W, ?4 t
3 n* J5 ?! ], k. }- v* T8 N% O
CSS學習就是一個不斷糾結與反糾結的過程,只有你把他們都反糾結了,豁然開朗。~~等著高手給我醍醐灌頂~
 樓主| 發表於 2010-12-15 17:14:40 | 顯示全部樓層
發完帖子又重新看了一遍,腦子都成漿糊了~
回復 给力 爆菊

使用道具 舉報

發表於 2010-12-15 20:28:32 | 顯示全部樓層
曾經拿過一本CSS書學,結果看了10頁就放一邊了,能體會到你的糾結
回復 给力 爆菊

使用道具 舉報

發表於 2010-12-15 21:22:36 | 顯示全部樓層
樓主最近學CSS發了不少貼啊,這帖問題太複雜,我也看成漿糊了.
回復 给力 爆菊

使用道具 舉報

發表於 2010-12-15 21:48:20 | 顯示全部樓層
CSS都過不了,你就無法做網頁,CSS是網頁中最簡單的,你想的太多了( b; u3 G4 ?8 _
我建議你再說簡單的,不要寫那麼多中文,用最簡單的方式來描述你的問題' l" E9 w/ n1 |+ X2 I; B3 z" K8 r
因為我都沒有看懂你中文裡面的那麼多名詞
7 |) t3 a9 R! w- P6 t1 ^/ S8 O5 K( P5 X" t0 s2 e
是不是就是line-height懂不起嗎,這個很簡單,來個形象的比喻* y4 g0 I/ J: C; n/ X2 F
" \( k! L" `. U! J
line-height與height都是表示高,但是這2個詞表示的2個不同物體的高1 g/ h6 z$ B- \3 m
6 W& i% z. V. j: e2 t* U
height表示外部高,line-height表示內部高" p# C7 Z/ s7 E

4 s/ g$ |+ ~1 x+ b) E5 n) e好比一個人,他身高1.7米,他的本身高度,我們叫內部高line-height就是1.7米' n2 d( ]8 R1 x* \9 Z% z/ t9 a. M

! Q0 w7 e' h0 x  H7 ?0 u4 a然後他買了一件衣服加褲子套裝,這個套裝總長度是1.8米,那麼我們可以看成是外部輪廓高height是1.8米
8 _/ ]/ E- |# Z2 N3 _" g$ [7 P
# p1 O. `9 R- {# f7 \2 g0 uline-height為1.7米,height為1.8米,顯然他們結合在一起,衣服長了,內部表現就有有一點變形短縮# B4 L6 Z! Y0 S0 w* E4 a+ b! S
: r9 K0 b8 j6 h% c4 C9 o2 w
在html中,line-height表示行高,意思就是實際要裝的html元件的實際高度* f& n* L; N" q6 [) G8 E; E
height為裝這個元件的外部輪廓高度
回復 给力 爆菊

使用道具 舉報

發表於 2010-12-16 11:24:31 | 顯示全部樓層
5# 月光飛燕 1 }" ]- \* W& M. A; k; k! M

3 t8 s" h- r  Z$ v' G- D  o7 _0 v( k; }3 y: F* n
熱心的飛燕,頂
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

过期高净值品牌域名预定抢注

點基

GMT+8, 2026-6-12 10:57

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表