css 中margin與padding
默認狀態下padding不屬於box的大小,這樣對於佈局有影響,因此可以設置box-size:box-size;
margin:適合設置兄弟元素的之間的外邊距,其中左右元素之間的距離爲margin相加,
上下不會相加,只會選擇其中的較大者;
當將它用來設置內部標籤的margin值時,如果外部標籤沒有border,則該margin屬性將作用於其外部元素
padding:對於只有一行文字的塊級標籤,可以通過設置其行高line-height等於塊級元素的高度height來設置使得文字垂直方向居中,
但是如果超過一行就需要通過設置padding上下值=height減去line-height總和來設置
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
我實現了客戶要求的五彩斑斕的黑!!!
SC前端
2020-07-08 10:39:04
【Python】CSS選擇器語法
岚清子
2020-07-08 09:13:33
CSS預處理器和後處理器
我的绝伦大人
2020-07-08 09:19:30
html+css 選項卡
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
bluelazyboy
2020-07-08 12:23:28
position:absolute下,top:0,right:0,bottom:0,left:0 結合margin:auto的作用(讓明確寬高的盒子水平垂直居中於父元素)
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
ddx2019
2020-07-08 11:55:42
css每日一報(自己積累平時寫法)
空手走-web
2020-07-08 11:54:55
原生JS實現樹狀結構列表
wendZzz
2020-07-08 11:27:37
web前端複習第七課
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
思丰百年
2020-07-08 10:46:31
網頁設計中常見的兼容性問題
LFWMP
2020-07-08 10:28:29
HTML+css做炫酷的3d盒子反轉
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
文情战
2020-07-08 09:12:55
幾個簡單的css動畫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi
哀木i
2020-07-08 08:40:28
css消息數量,圓圈數字,購物車數量。
blueBings
2020-07-08 07:33:49