2018-04-11CSS屬性之padding 與float

b10l07發表於2018-04-11

padding屬性:表示一個標籤內的元素內容 距離上下左右標籤內部邊界的距離。

padding: 5rpx ; 表示上下左右距離都是5rpx
padding: 5rpx 10rpx ; 表示上下 5rpx 左右距離是10rpx
padding: 5rpx 10rpx 15rpx; 表示上為5rpx 左右是10rpx 下是15rpx
padding: 5rpx 10rpx 15rpx 20rpx; 對應的是上右下左!

注意在iOS的內部邊距是上左下右,是逆時針的。
在CSS中是上右下左,是順時針的。

float 屬性
定義和用法
float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,不過在 CSS 中,任何元素都可以浮動。浮動元素會生成一個塊級框,而不論它本身是何種元素。
如果浮動非替換元素,則要指定一個明確的寬度;否則,它們會盡可能地窄。
註釋:假如在一行之上只有極少的空間可供浮動元素,那麼這個元素會跳至下一行,這個過程會持續到某一行擁有足夠的空間為止。

left    元素向左浮動。
right   元素向右浮動。
none    預設值。元素不浮動,並會顯示在其在文字中出現的位置。
inherit 規定應該從父元素繼承 float 屬性的值。

相關文章