margin的使用方法與技巧

2021-09-06 13:06:39 字數 1364 閱讀 2170

1.margin還可以用來做平移,作用類似translate哈哈。將元素設成absolute後就可以用margin隨便平移他了,既不像relative那樣要霸佔空間,又不用為父元素設定relative,還可以和top,left,right,bottom組合使用

2.當為div設定padding後有些元素又想佔滿div, 這時只要設定這個元素的margin為負padding的值就行了

1

<

b>marign 妙用1:

b>23

<

div

class

="padding20"

>

4padding20

5<

hr class

="margin_20"

/>

6hr通過margin設成負數佔滿了div

7div

>

8<

hr/>

9<

b>marign 妙用2:

b>

10<

div

class

="relative"

>

11absolute,相對位置(需要設定父元素為relative)

12<

div

class

="abs"

>

13移動到這

14div

>

15div

>

16<

br/>

17<

hr/>

18<

div>

19使用relative,相對位置

20<

div

class

="relativemove"

>

21移動到這

22div

>

23上邊被relative佔了一行空間!

24div

>

25<

br/>

26<

hr/>

27<

div>

28使用margin,相對位置

29<

div

class

="margin"

>

30移動到這

31div

>

32沒被占用空間

33div

>

css:

1

.relative 56

.abs

12.margin

18.relativemove

25.padding20

30.margin_20

CSS外邊距屬性 margin 的使用方法

css外邊距屬性 margin 的使用方法 外邊距是頁面中設定元素與另乙個元素之間距離的屬性,如果想完全使用css布局代替傳統table布局,那就需要好好掌握外邊距的特性。html中有些標籤帶有預設的margin屬性,比如和,在重新設定它們的值後就會覆蓋預設樣式。按照設定方位不同,margin有四個...

為知筆記使用方法與技巧

1 為知筆記markdown文件寫作 1.1 使用第三方編輯器 typora 強烈建議,太好用了 1.2 使用外掛程式 wiz.editor.md 2 發布部落格功能 3 搜尋功能 3.1.1 基本搜尋 3.1.2 高階搜尋 3.2 本地搜尋 3.3 搜尋外掛程式 4 外掛程式推薦 5 自定義模板 ...

Awrcrt的使用方法和技巧

用法和awrrpt類似 sqlplus as sysdba awrcrt.sql 4個引數 引數1 顯示多少天的awr snap list 引數2 開始snap id 引數3 結束snap id 引數3 輸入80 顯示影象相關的 引數4例項id 5 60秒後,在當前目錄生成乙個 awrcrt htm...