过期域名预定抢注

 找回密碼
 免费注册

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

[複製鏈接]
發表於 2010-12-15 17:11:56 | 顯示全部樓層 |閱讀模式
CSS有曰:2 ?  m% _2 `6 M# ^% Y; {
; Z+ j8 k( G- Q& ]
行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。
8 n( }6 e) Z2 I! M2 ^  t4 Q2 j( L  A
但是,垂直內邊距、邊框和外邊距不影響行內框的高度。! s( f' ~4 J( m  R

( U$ j  k% W8 f: M6 `- F2 I. Q由一行形成的水平框稱為行框(Line Box),行框的高度總是足以容納它包含的所有行內框。不過,設置行高可以增加這個框的高度。, z5 m) S# F0 P

) ]' i. v% r, B: N2 A-----------------------------曰完了--------------------問問題,百思不得其解------------------的問題---------------------------------------  A' S" e$ W/ ~4 q7 T

# s9 ]& g! C$ C' H/ ]$ x% |行內框諸如<span>和<strong>,這個沒問題。
9 i$ s6 A4 b6 {% l
9 u: X1 K: X" h第一行「行內框在一行中水平佈置。可以使用水平內邊距、邊框和外邊距調整它們的間距。」也好理解,增加或減少填充 框的寬度 外邊距調整行內框的間距;. s9 O9 ^! X& {0 Y% }* J

) j6 h5 T: u. B) z/ ?# S; I第二行問題大了,非常頭大,什麼叫「但是,垂直內邊距、邊框和外邊距不影響行內框的高度。」/ \1 {% L3 b: ^
1 O0 V. z! n' m' r+ @* B" Q/ d
我在想,這個問題遲遲理解不了,存在兩種情況,我對框的高度定義理解錯誤,第二種,這個解釋錯了。先自我檢查下,什麼叫行內框的高度,我的理解是行內框的高度是元素內容高度+padding+margin+border width。因為在 CSS 中,width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸,但是會增加元素框的總尺寸。【我覺得我的這個理解沒問題的吧】,但是究竟為何「但是,垂直內邊距、邊框和外邊距不影響行內框的高度。」這句話非常糾結,糾結至今,無法解決,求解各位大大,這句話咋理解。
+ k3 k+ k- A6 w3 v% X7 e4 E/ i, j7 C# G+ X, I0 J
第三行「由一行形成的水平框稱為行框(Line Box),行框的高度總是足以容納它包含的所有行內框。不過,設置行高可以增加這個框的高度。」理解的似是而非,有一行形成的水平框稱謂行框,這個是否意味著段落中的一行一行的每一行就是一個行框?我按照這個邏輯,這個行框當然可以包含行內框了,不然沒有行框哪裡來的行內框呢?
" ]0 i$ v& M4 R: Y" {) O9 H4 ^" V" C4 A& R% l
最後一句「不過,設置行高可以增加這個框的高度。」這個框的高度指的是行內框呢?還是行框呢?目前理解的是行框。' t6 N( {1 |1 I0 w
# q5 z( v5 C- M7 l2 d& k/ R- q, p
說到了行框,by the way 看看這個無比糾結的解釋,高手請通俗的講下什麼是行高和行間距3 h0 y2 ^" |$ c% G

1 w5 _7 s$ Z. q5 I& `: J, UCSS line-height 屬性- I6 v2 N7 R) g$ o
定義和用法5 {  i7 l3 Y, i/ ^; M" @. w6 T

( n+ D0 B: g, x) g  Uline-height 屬性設置行間的距離(行高)。
7 D8 l' L6 ?8 q& c. M1 f/ `: e: |2 x: I- v+ I1 n* u& m
2 J: }* U& m# h* a: C: ]
說明《糾結開始》
$ u4 d1 p) u  f( `7 Y2 t" y% A3 M+ x6 R6 _( e( a
該屬性會影響行框的佈局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。6 d3 }- G+ C9 {: g, Y3 [
2 |: s$ w/ f: }. V* _' J
line-height 與 font-size 的計算值之差(在 CSS 中成為「行間距」)分為兩半,分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。
, H4 w9 o( u5 \; o
" }; M8 H- j! H3 ?# r* T" Z  w原始數字值指定了一個縮放因子,後代元素會繼承這個縮放因子而不是計算值。《糾結結束》
8 g. F: u% D2 }
7 G) q) t7 T1 x( o! G# z: v, c/ Y
% J- T8 @& K1 t* J7 VCSS學習就是一個不斷糾結與反糾結的過程,只有你把他們都反糾結了,豁然開朗。~~等著高手給我醍醐灌頂~
 樓主| 發表於 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是網頁中最簡單的,你想的太多了9 c) S8 H$ c4 V& S
我建議你再說簡單的,不要寫那麼多中文,用最簡單的方式來描述你的問題
3 N1 E; b" P) G+ c因為我都沒有看懂你中文裡面的那麼多名詞
- T& W: r, s! @2 P9 j+ v; ]9 x% Z$ F; V! g
是不是就是line-height懂不起嗎,這個很簡單,來個形象的比喻
0 S& [4 A8 Z1 z3 O/ X: l; P3 `! Q# _
line-height與height都是表示高,但是這2個詞表示的2個不同物體的高3 V3 P& O) {* Q: @' D
" o7 h; a# ], H
height表示外部高,line-height表示內部高& N  R) o1 R& F2 Z5 K
0 t3 T, N' x! `: E. p+ k3 B
好比一個人,他身高1.7米,他的本身高度,我們叫內部高line-height就是1.7米* V9 y4 a$ }7 ^5 C

  b9 b6 s) O5 v& ~  B* @然後他買了一件衣服加褲子套裝,這個套裝總長度是1.8米,那麼我們可以看成是外部輪廓高height是1.8米0 w% p2 f: J0 n& A) P  g3 f% b+ b

# s- y! X( j7 Z: [8 Q5 H! Sline-height為1.7米,height為1.8米,顯然他們結合在一起,衣服長了,內部表現就有有一點變形短縮
$ b5 o8 D8 C" D* _# B5 Y. a
7 |' ^0 I/ _7 W' H+ R在html中,line-height表示行高,意思就是實際要裝的html元件的實際高度- N5 R* W# I, e7 P1 V
height為裝這個元件的外部輪廓高度
回復 给力 爆菊

使用道具 舉報

發表於 2010-12-16 11:24:31 | 顯示全部樓層
5# 月光飛燕
- \& `0 N1 E4 l& P% x9 j: I- u; p" A* T
0 ~2 U0 Y0 a9 ]# h% ]6 z
熱心的飛燕,頂
回復 给力 爆菊

使用道具 舉報

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

本版積分規則

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

點基跨境 數位編輯創業論壇

GMT+8, 2025-7-11 15:03

By DZ X3.5

小黑屋

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