2018-04-11CSS屬性之padding 與float
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 屬性的值。
相關文章
- 行內元素的padding和margin屬性padding
- WPF 之 依賴屬性與附加屬性(五)
- CMake 屬性之全域性屬性
- CMake 屬性之目錄屬性
- CMake 屬性之目標屬性
- Python 類的屬性與例項屬性Python
- 解謎:為何用了9-Patch背景圖後自帶Padding屬性?padding
- jQuery設定disabled屬性與移除disabled屬性jQuery
- Flex彈性盒子與容器屬性Flex
- JavaScript物件的資料屬性與訪問器屬性JavaScript物件
- css屬性與js中style物件的屬性對應表CSSJS物件
- orcale 之遊標的屬性
- eBPF HashMap 與 padding 的坑eBPFHashMappadding
- 走進 JDK 之 FloatJDK
- CSS之浮動FloatCSS
- text-decoration與color屬性
- 屬性動畫與差值器動畫
- Vue 計算屬性與方法Vue
- C#屬性與欄位C#
- naturalWidth與width屬性區別
- jQuery知識總結之元素屬性與樣式的操作jQuery
- vue3計算屬性的可寫屬性 set 與 getVue
- 深入理解物件的資料屬性與訪問器屬性物件
- Flutter 樣式基礎之 PaddingFlutterpadding
- dispaly、position、float之間的關係與相互作用
- jQuery屬性操作之.val()函式jQuery函式
- 淺談WPF之屬性系統
- Python深入分享之物件的屬性Python物件
- Android 動畫之屬性動畫Android動畫
- CSS之定位和堆疊屬性CSS
- [java IO流]之 Properties屬性集Java
- 電商產品設計:商品的基本屬性與銷售屬性
- defer 屬性和 async 屬性
- HTML 標籤與屬性大小寫HTML
- 私有屬性的Get Set 與 Public
- CSS 屬性篇(一):relative與absoluteCSS
- HCNP Routing&Switching之BGP團體屬性和團體屬性過濾器過濾器
- 迴圈神經網路之embedding,padding,模型構建與訓練神經網路padding模型