外邊距的特殊效果

2021-08-15 20:31:17 字數 590 閱讀 4191

1.外邊距合併

當兩個垂直外邊距相遇時,他們將合併為乙個,最終取決於兩個外邊距中距離較大的那個。

如果兩個外邊距相遇時值相等,那麼取其中乙個值。

2.外邊距的溢位

在某些條件下,為子元素設定上外邊距時,有可能會作用到父元素上。

1.父元素沒有上邊框

2.為子元素設定上外邊距時

2.在d2中巢狀乙個子元素div,id=」d3」,設定其尺寸為100*100,並設定其背景顏色

3.設定d3的上外邊距為50px,觀察其結果。

解決溢位方案:

**1.為父元素增加上邊框

弊端:對父元素的高度有影響

2.使用父元素的上內邊距來取代子元素的上外邊距

弊端:對父元素的高度有影響

3.在父元素的第乙個子元素位置處,增加乙個空(table)

行內元素以及行內塊元素的垂直外邊距

1.行內元素垂直外邊距無效(img除外)

2.行內塊元素,設定垂直外邊距時,整行元素都跟著發生改變**

Jquery特殊效果

1.jquery特殊效果 fadein 淡入 btn.click function fadeout 淡出 fadetoggle 切換淡入淡出 hide 隱藏元素 show 顯示元素 toggle 切換元素的可見狀態 slidedown 向下展開 slideup 向上捲起 slidetoggle 依次...

ios UILabel 的詳細使用及特殊效果

uilabel label uilabelalloc initwithframe cgrectmake 0,0,75,40 宣告uilbel並指定其位置和長寬 label.backgroundcolor uicolorclearcolor 設定label的背景色,這裡設定為透明色。label.fon...

css處理文字的幾種特殊效果

1.自定義選中文字顏色和背景色 在這裡插入描述 2.多行溢位效果 在這裡插入描述 3.單行溢位效果 在這裡插入描述 4.水平從右到左排列 在這裡插入描述 5.文字兩側對齊 在這裡插入描述 紅豆生南國,春來發幾枝 願君多採擷 此物最相思 尋尋覓覓,冷冷清清,悽悽慘慘戚戚。咋暖還寒時候,最難將息。三杯兩...