本文轉載於:猿2048網站margin和padding的區別和用法

margin和padding的區別和用法

什麼是margin、padding？

　　marigin：就是外邊距。padding：就是內邊距。怎麼就容易記住兩者呢？

　　馬蓉大家都知道吧，給王寶強帶帽子的那位，假如你認識了馬蓉是不是想離他遠點呢？而馬蓉的拼音是marong，是不是和margin特別像呢？那麼你看著maring是不是就知道了margin是外邊距呢？

　　那麼padding就更容易記住了，panda是熊貓大家都是知道吧，熊貓是我們中國的國寶而且都很可愛，所以看見padding就知道了是內邊距是吧。

margin和padding的用法

margin-top	設定元素的上外邊距
padding-top	設定元素的上內邊距
margin-left	設定元素的左外邊距
padding-top	設定元素的左內邊距
margin-right	設定元素的右外邊距
padding-right	設定元素的右內邊距
margin-bottom	設定元素的下外邊距
padding-bottom	設定元素的下內邊距

除了這幾種方法外還有其他的方法嗎？

　　當然是有的，margin和padding都是簡寫屬性他們可以直接在裡面設定他們的屬性。即：margin/padding：值。但是這個樣子寫的話都把所有的值都設定了還能讓其他的值都單個的寫嗎？方法是有的：

margin/padding：值1 值2 值3 值4 //設定元素上右下左的內/外邊距
marign/padding：值1 值2　　　　 //設定元素上下、 左右的內/外邊距
marign/padding：值1 值2 值3　　 //設值元素上、左右、下的內外邊距

當我寫的margin/padding寫的沒毛病的時候他沒有給我顯示出來我想要的結果是什麼情況？

　　這種情況出現的時候請你先檢查你的程式碼是否有問題，若是程式碼沒有問題的話就是出現了BUG。那麼該如何解決的？

　　當你的margin出現問題的時候只要在父元素中加入overflew：hidden 就可以解決它的問題。但是當你的父元素出現溢位情況的時候就回隱藏。

　　當你的padding出現問題的時候只要在元素中加入box-sizing：border-box 就可以解決它的問題

　　當然還有其他的方法回去除bug的問題我在這裡給寫的是最簡單的方法，不喜勿噴。謝謝

前端-----浮動做一個簡單的導航欄和通俗理解一下margin 和padding區別

一：浮動 (1)浮動的概念：浮動起來變成行內塊元素，並且不佔位，父級高度為0（浮動塌陷）其解決方法是： 1丶給父級一個overflow：hiiden（overflow：hiiden：要有寬度或者高度才會溢位部分隱藏，如果外部盒子沒有寬度或者高度，裡面又是浮動元素，就會被撐開。） 2、讓

export ，export default 和 import 區別以及用法

彈出但是 clas 能夠引用 port 模塊返回值兩個首先要知道export，import ，export default是什麽 ES6模塊主要有兩個功能：export和import export用於對外輸出本模塊（一個文件可以理解為一個模塊）變量的接口 imp

js中!和!!的區別及用法簡介

js中!的用法是比較靈活的，它除了做邏輯運算常常會用！做型別判斷，可以用！與上物件來求得一個布林值， 1、！可將變數轉換成boolean型別，null、undefined和空字串取反都為false，其餘都為true。複製程式碼 1 !null=true 2 3

【Spark系列2】reduceByKey和groupByKey區別與用法

在spark中，我們知道一切的操作都是基於RDD的。在使用中，RDD有一種非常特殊也是非常實用的format——pair RDD，即RDD的每一行是（key, value）的格式。這種格式很像Python的字典型別，便於針對key進行一些處理。針對pair RDD這樣的

sizeof和strlen()區別及用法

//sizeof是以位元組為單位計算變數或型別所佔記憶體大小，它是屬於C語言運算子系列；而strlen()是一個函式，是計算字串長度（也是以位元組為單位，但略有區別）；比如： char array[] = {"ILOVE"}; printf("%d", strlen(array)); //值為5

reduceByKey和groupByKey區別與用法

轉自:https://blog.csdn.net/zongzhiyuan/article/details/49965021在spark中，我們知道一切的操作都是基於RDD的。在使用中，RDD有一種非常特殊也是非常實用的format——pair RDD，即RDD的每一行是（ke

SQL中JOIN和UNION區別、用法及示例

1.JOIN和UNION區別join 是兩張表做交連后里麵條件相同的部分記錄產生一個記錄集，union是產生的兩個記錄集(欄位要一樣的)並在一起，成為一個新的記錄集。JOIN用於按照ON條件聯接兩個表，主要有四種：INNER JOIN：內部聯接兩個表中的記錄，僅當至少有一個同屬於兩表的行符合聯接條件時，內

StreamReader和StreamWrite和FileStream區別和用法

一、<1>StreamReader類共有10個建構函式 StreamReader (Stream) // 為指定的流初始化 StreamReader 類的新例項。 [csharp] view plaincopy FileStream fs =

lua中 pairs 和 ipairs區別和用法

標準庫提供了集中迭代器，包括迭代檔案每行的(io.lines)，迭代table元素的(pairs)，迭代陣列元素的(ipairs)，迭代字串中單詞的 (string.gmatch)等等。LUA手冊中對與pairs,ipairs解釋如下 ipairs（t） Re

export ，export default 和 import 區別以及用法

默認函數根據 pre 可用返回大括號能夠返回值首先要知道export，import ，export default是什麽 ES6模塊主要有兩個功能：export和importexport用於對外輸出本模塊（一個文件可以理解為一個模塊）變量的接口import用

知識點 - python 裝飾器@staticmethod和@classmethod區別和使用

定義整潔參數 sel spa elf pri Go assm 1.通常來說，我們使用一個類的方法時，首先要實例化這個類，再用實例化的類來調用其方法 class Test(object): """docstring for Test""" def

hashCode() 和equals() 區別和作用（轉）

person set集合 static out fin 解決詳細返回 art 出處：https://www.jianshu.com/p/5a7f5f786b75 本章的內容主要解決下面幾個問題： 1 equals() 的作用是什麽？ 2 equal

Java之JSONObject存取值以及和HashMap區別, optString()和getString()區別和他的遍歷方式

結論: 1.JSONObject和HashMap用法上是一樣的,用put()方法存對於的Key-values鍵值對,取可用optString(key)和getString(key),get(key),存入的是什麼型別,取出來的時候就是什麼型別 2**.optString()在沒找到k

spring classpath:和classpath*:區別和實際應用

classpath:和classpath*:的含義 classpath: ：表示從類路徑中載入資源，classpath:和classpath:/是等價的，都是相對於類的根路徑。資原始檔庫標準的在檔案系統中，也可以在JAR或ZIP的類包中。 classpath*:：假設多個JAR包或檔

Mybatis和Hibernate區別和應用場景

hibernate: 是一個標準的ORM框架（物件關係對映）。入門門檻較高，不需要程式寫sql語句，sql語句自動生產了。特點：對sql的優化比較困難。 Hibernate對物件的維護和快取要比MyBatis好，對增刪改查的物件的維護要方便。 Hibernate資料庫移植性很好，MyB

KEIL、uVision和MDK區別和聯絡

--------------------------------------------- -- 時間：2018-11-26 -- 建立人：Ruo_Xiao -- 郵箱：[email protected] ----------------------------------------

Java 的equals（）方法和 == 的區別和聯絡

淺談Java中的equals和==　　在初學Java時，可能會經常碰到下面的程式碼： String str1 = new String("hello"); String str2 = new String("hello"); System.out.print

關於union和join區別和聯絡

union和join是需要聯合多張表時常見的關聯詞，具體概念我就不說了，想知道上網查就行，因為我也記不準確。先說差別：union對兩張表的操作是合併資料條數，等於是縱向的，要求是兩張表字段必須是相同的(Schema of both sidesof union should match.)。也就

Service和IntentService 區別和使用

背景最近開發遇到一個小小的問題，因為沒怎麼用過IntentService ，所以對其生命週期也不很瞭解，還有工作原理。 intentService 詳解 intentService ——>>　StartService 第一次 intent

G++和C++區別和評測注意事項

G++和C++的區別和評測注意事項下面摘抄自網際網路 G++ 首先更正一個概念，C++是一門計算機程式語言，G++不是語言，是一款編譯器中編譯C++程式的命令而已。那麼他們之間的區別是什麼？在提交題目中的語言選項裡，G++和C++都代表編譯的方式。準確地說

margin和padding的區別和用法

margin和padding的區別和用法

什麼是margin、padding？

除了這幾種方法外還有其他的方法嗎？

當我寫的margin/padding寫的沒毛病的時候他沒有給我顯示出來我想要的結果是什麼情況？

相關推薦