span元素設定margin和padding不好用
margin和padding屬性是用來設定元素的外邊距和內邊距,但是有時候它卻失效。
先看下面這麼一段程式碼:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> span{ background-color:red; padding-top:50px; } </style> </head> <body> <span>螞蟻部落</span> </body> </html>
將span元素的padding-top屬性值設定為50px,但是渲染並不正確,並不說沒有表現出padding的特點,而是資料上有問題,解決此問題只要將相應元素的display屬性值設定為block或者inline-block即可。
相關文章
- padding和margin在span中不好用padding
- 行內元素的padding和margin屬性padding
- 行內元素的padding和margin是否有效padding
- 如何設定span元素的寬度和高度
- css設定span元素的尺寸CSS
- span元素設定title及$event使用
- CSS 設定 span 元素 寬度與高度CSS
- 子元素超過父元素padding-right和margin-right失效padding
- 將span元素設定為固定寬度和高度程式碼
- 如何用css設定span元素的寬度CSS
- 關於IE處理margin和padding值超出父元素高度的問題padding
- margin和padding有什麼區別padding
- Android的padding和margin區別Androidpadding
- 用padding和margin撐起左右邊距padding
- padding和margin對於position定位的影響padding
- css之margin && padding講解CSSpadding
- margin與padding的區別padding
- CSS學習2—-padding/border/marginCSSpadding
- div和span元素的用法簡單介紹
- scss自動生成margin padding邊距CSSpadding
- margin/padding百分比值的計算padding
- antd ProTable 設定padding為0padding
- 詳述盒子模型(包含padding、border、margin的詳細用法和描述)模型padding
- webapp 中為span元素賦值WebAPP賦值
- padding對於margin的影響簡單介紹padding
- css中內邊距是padding,外邊距是marginCSSpadding
- 如何實現span元素垂直水平居中效果
- img圖片設定padding內邊距padding
- 二、自定義垂直ViewGroup如何設定marginView
- 設定和獲取元素固有屬性值
- Jquery如何獲取和設定元素內容?jQuery
- jquery設定和獲取元素的屬性jQuery
- margin-top影響父元素定位
- 將子元素的margin-top傳遞給父元素
- 解決margin塌陷和margin合併
- JavaScript 動畫方式設定元素尺寸和透明度JavaScript動畫
- html之div和spanHTML
- margin並不能夠擴大父元素的尺寸