margin和padding的區別

2021-07-22 21:24:58 字數 736 閱讀 2780

目前web2.0已經越來被人們認可,因為喜歡搞web開發的人員不得不硬著頭皮去學習web2.0的標準,其中很重要的一條就是新的布局規則,div+css。以前基本上是用table布局的,這種傳統的方式簡單直觀,但是這新的標準我學習起來時常找不到北。呵呵,就拿今天這個例子來說吧,很多朋友肯定也有我這種情況的,那我就從網上蒐集一些例子出來,讓個更多的人消除這種煩惱。

事例一:

css中padding和margin的區別

margin 外邊距

border 邊框

padding 內邊距

也就是說 設定margin 那麼他所佔據的空白地方會是在邊框外面

設定padding 他所佔據的空白地方是在邊框裡面,**一下就更清楚了。

如上圖,a,b兩個方框,a**padding,b代表margin,現在我們看a箭頭與藍色邊框的距離,這就是padding叫做內邊距,下面再來看看b外面的箭頭與b之前的距離就是我們所說的margin的,叫做外間距,哈哈你現在應該明白了,什麼是padding,什麼是margin吧?呵呵

事例二:

看看css盒模型,下圖!margin是 div與周邊元素的距離padding是 div裡邊內容與這個div的距離

margin和padding之我見

採用div css排版的話,如果有float屬性,在ie中選中文字的時候,經常會出現把一整個div全部選中,非常難看 而有時候又不會出現這種情況,自己是不是遇到過了?呵呵,奇怪吧,我來給你講.其實原因很簡單,主要看你做事是不是細心.這個就是margin和padding的區別了.如果你不知道margi...

margin和padding 的區別

經常會看到這樣的布局android layout margintop 1.0dip 比較迷惑。查了下資料,有篇文章講的不錯,拿來一起分享!就拿layout margintop和paddingtop為例。layout margintop是從當前設定的控制項的頭部,開始向上移動,直到碰到上乙個控制項 父...

margin和padding的區別

padding 10px 0 10px 20px,上10 右0 下10 左20 margin 10px 0 10px 20px,上10 右0 下10 左20 四個值順時針旋轉 目前web2.0已經越來被人們認可,因為喜歡搞web開發的人員不得不硬著頭皮去學習web2.0的標準,其中很重要的一條就是新...