CSS中有内聯元素和塊元素。
比如< div> div>就是一個塊元素,< span> span>則是一個内聯元素。
在兩者的表現上最大的區別就是塊元素會造成換行,即這個元素本身是換行顯示,並且其之後的元素也要換行顯示,等於塊與塊之間的顯示方式為竪著的一個個盒模式。
而内聯元素中間不需要換行,顯示方式可以理解為是一個個?排的盒模式。
塊元素的邊界選擇兩個塊中最大的邊距來顯示;内聯元素則是兩個元素的邊距和。
html是以“流”方式來顯示一個個模塊的,即是把一個個模塊按順序放入網葉中,遇到因爲瀏覽器限制而無法顯示的則換行顯示,這樣會造成有些模塊會因爲顯示器或者分辨率不同顯示混亂。
如果需要將某個模塊從流中抽取出來另外放置的話的話可以在css中用float命令把他抽取出來:
fl o at : right; /*將這個板塊漂移到右邊*/
另外,還有個絕對佈局命令,使某個模塊無論是什麽瀏覽器顯示的時候該模塊都會在固定位置顯示。
posi tion : absolute ;
t o p: 197px; /*此模塊離開頂部的距離*/
ri g ht: 0px; /*此模塊離開最右端的距離*/
比如< div> div>就是一個塊元素,< span> span>則是一個内聯元素。
在兩者的表現上最大的區別就是塊元素會造成換行,即這個元素本身是換行顯示,並且其之後的元素也要換行顯示,等於塊與塊之間的顯示方式為竪著的一個個盒模式。
而内聯元素中間不需要換行,顯示方式可以理解為是一個個?排的盒模式。
塊元素的邊界選擇兩個塊中最大的邊距來顯示;内聯元素則是兩個元素的邊距和。
html是以“流”方式來顯示一個個模塊的,即是把一個個模塊按順序放入網葉中,遇到因爲瀏覽器限制而無法顯示的則換行顯示,這樣會造成有些模塊會因爲顯示器或者分辨率不同顯示混亂。
如果需要將某個模塊從流中抽取出來另外放置的話的話可以在css中用float命令把他抽取出來:
fl o at : right; /*將這個板塊漂移到右邊*/
另外,還有個絕對佈局命令,使某個模塊無論是什麽瀏覽器顯示的時候該模塊都會在固定位置顯示。
posi tion : absolute ;
t o p: 197px; /*此模塊離開頂部的距離*/
ri g ht: 0px; /*此模塊離開最右端的距離*/
PR
Comment
コメントの修正にはpasswordが必要です。任意の英数字を入力して下さい。
プロフィール
HN:
伊兒
性別:
非公開
自己紹介:
伊兒ですにゃー
吃貨一只,懶蟲一只。
吃貨一只,懶蟲一只。
カレンダー
02 | 2025/03 | 04 |
S | M | T | W | T | F | S |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
最新記事
(10/02)
(09/22)
(09/19)
(09/18)
(09/18)
(09/17)
(09/15)
(09/01)
(08/28)
(08/27)
最新コメント
[12/08 yrn1ksjv9q4]
[02/07 NONAME]
[02/07 山风]
[12/20 asian escorts dubai]
[11/14 NONAME]
カテゴリー
最新トラックバック
フリーエリア
ブログ内検索
P R
カウンター