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屬性值的順序padding
- CSS中Position、Float屬性深入探討CSS
- WPF 之 依賴屬性與附加屬性(五)
- 行內元素的padding和margin屬性padding
- offsetTop屬性值不受padding的影響padding
- getComputedStyle()方法如何獲取float屬性值
- CMake 屬性之全域性屬性
- css系列之position與floatCSS
- CMake 屬性之目標屬性
- CMake 屬性之目錄屬性
- jQuery設定disabled屬性與移除disabled屬性jQuery
- Python 類的屬性與例項屬性Python
- Flex彈性盒子與容器屬性Flex
- orcale 之遊標的屬性
- React之props屬性React
- Android屬性之excludeFromRecentsAndroid
- 當使用 position 屬性時,請始終設定 !DOCTYPE 宣告:當使用 float 屬性時,請始終設定 !DOCTYPE 宣告:
- 解謎:為何用了9-Patch背景圖後自帶Padding屬性?padding
- JavaScript物件的資料屬性與訪問器屬性JavaScript物件
- 屬性動畫與差值器動畫
- javascript使用style方式如何設定和獲取元素的float浮動屬性JavaScript
- padding oracle attack相關之padding oracle attackpaddingOracle
- JavaScript之Arguments物件暫存函式引數與屬性JavaScript物件函式
- c#之saf靜態屬性與建構函式C#函式
- css屬性與js中style物件的屬性對應表CSSJS物件
- Android 動畫之屬性動畫Android動畫
- CSS屬性總結之backgroundCSS
- app之使用者屬性APP
- Android之佈局屬性Android
- c#屬性之繼承C#繼承
- 走進 JDK 之 FloatJDK
- CSS之浮動FloatCSS
- text-decoration與color屬性
- Vue 計算屬性與方法Vue
- C#屬性與欄位C#
- pageYOffset與pageXOffset屬性用法
- javaScript DOM方法與屬性摘要JavaScript
- 深入理解物件的資料屬性與訪問器屬性物件