1樓:純潔的小樹
塊元素的之間的間距使用margin屬性設定。
css margin 屬性
定義和用法
margin 簡寫屬性在一個宣告中設定所有外邊距屬性。該屬性可以有 1 到 4 個值。
說明這個簡寫屬性設定一個元素所有外邊距的寬度,或者設定各邊上外邊距的寬度。
塊級元素的垂直相鄰外邊距會合並,而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合並。同樣地,浮動元素的外邊距也不會合並。允許指定負的外邊距值,不過使用時要小心。
註釋:允許使用負值。
例子 1
margin:10px 5px 15px 20px;
/*上外邊距是 10px
右外邊距是 5px
下外邊距是 15px
左外邊距是 20px
*/例子 2margin:10px 5px 15px;
/*上外邊距是 10px
右外邊距和左外邊距是 5px
下外邊距是 15px*/
例子 3
margin:10px 5px;
/*上外邊距和下外邊距是 10px
右外邊距和左外邊距是 5px
*/例子 4
margin:10px;
/*所有 4 個外邊距都是 10px*/
可能的值
2樓:匿名使用者
我的思路是這樣的 但你要計算好小盒子的大小 跟盒子之間的大小間隙
3樓:醬紫獅子
大的div定一下內邊距呢,就是style="padding=5px;"。
4樓:
給開頭的li一個內聯樣式,然後計算好盒子的大小
5樓:框世襟偉
給外層div新增padding
如何用css設定div與div之間的間距呢?
6樓:衛戍邊疆
2、在index.html中的標籤中,輸入css**:.sub。
3、瀏覽器執行index.html頁面,此時3個div子子容器的垂直間距被統一設定為了30px。
7樓:匿名使用者
a 和b設定float:left屬性,如果要控制b與a的距離的話,就在b的屬性裡設定margin-left:間距px
8樓:go以前現在將來
如果你想設定全部div的距離的話:div
如果你想設定ab之間的距離的話: .b
9樓:
div 與 div 即 盒子與盒子見 也就是外邊距 margin控制啦
10樓:
使用。如:表示該元素與上面的元素相距10px,與右邊的元素相距20px,與下面的元素相距30px,與左邊的元素相距40px;
注意:使用該屬性的時候要注意當上面元素的margin-bottom:10px;下面元素margin-top:
10px;那麼他們的間距將會合並,即他們之間的間距變為10px;如果這兩個值不一樣,那麼瀏覽器將會取較大值。但是如果其中有一個元素設定position為absolute時,間距將不會合並。
使用該屬性時一定要注意與它相關的元素的屬性,注意觀察他們的position和float屬性。
11樓:
#a,#b
12樓:匿名使用者
加浮動,一個居左,一個居右!
13樓:汐灬花落
margin:上 右 下 左; 再加上浮動
div 如果文字有多行,行間距怎麼設定。
14樓:輕煙談生活
div 如果文字有多行,行間距設定的具體操作步驟如下:
1、首先我們新建一個html檔案。
2、然後我們在html檔案裡建立p標籤和文字。
3、如圖展示預覽效果可以看出此時多行文字行間距並不統一。
4、然後我們使用數值來設定行間距line-height: 0.5。
5、我們再使用數值來設定行間距line-height:2。
6、最後再使用數值來設定行間距line-height: 4。
7、最後執行結果如圖,如此通過以上步驟即可解決div 如果文字有多行,行間距設定的問題。
15樓:匿名使用者
line-height:22px;
css如何設定div子容器之間的間距
16樓:幻翼高達
2、在index.html中的標籤中,輸入css**:.sub。
3、瀏覽器執行index.html頁面,此時3個div子子容器的垂直間距被統一設定為了30px。
17樓:飛喵某
1、使用css的margin屬性設定。首先開啟hbuilder軟體,新建一個html檔案,在html裡面寫入html結構,在給每個子div設定一個class屬性:
2、接著在上方的style標籤中設定這個名叫div的class的css樣式,這裡把文字字號放大並加入了邊框,然後就可以使用margin屬性設定子容器之間的間距了,margin中前面的是設定上下間距,後面的則是左右間距,最後根據自己的需要設定即可:
3、來到瀏覽器即可看到效果,三個div的間距都是20px。以上就是cs設定div子容器之間的間距的方法:
18樓:天天追影視
一般是用margin來設定的,可以寫用css寫樣式,或者直接在html標籤里加style
例如:不過這個的話就每個標籤裡都要加哦,比較麻煩的,如果做簡單的頁面的話就沒事了。
19樓:
每個層距頂部10個畫素,距底部10個畫素。
20樓:匿名使用者
給個class屬性,再來個margin-bottom:20px;即可。
21樓:__劇情丶
用padding 屬性來控制 padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。
·語法結構
(1)padding-left:10px; 左內邊距
(2)padding-right:10px; 右內邊距
(3)padding-top:10px; 上內邊距
(4)padding-bottom:10px; 下內邊距
(5)padding:10px; 四邊統一內邊距
(6)padding:10px 20px; 上下、左右內邊距
(7)padding:10px 20px 30px; 上、左右、下內邊距
(8)padding:10px 20px 30px 40px; 上、右、下、左內邊距
用margin 屬性來控制:margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離
·語法結構
(1)margin-left:10px; 左外邊距
(2)margin-right:10px; 右外邊距
(3)margin-top:10px; 上外邊距
(4)margin-bottom:10px; 下外邊距
(5)margin:10px; 四邊統一外邊距
(6)margin:10px 20px; 上下、左右外邊距
(7)margin:10px 20px 30px; 上、左右、下外邊距
(8)margin:10px 20px 30px 40px; 上、右、下、左外邊距
margin和padding的區別用圖表示為:
22樓:匿名使用者
你用margin來設定就可以了,可以margin-top:15px; 或者margin-bottom:15px;都可以的
如何用css+div控制**間的距離?
23樓:驚寒唱晚
就像來plftzk | 十一級 說的一自樣,可能通過內邊距或者外邊距來控制:
img 外邊距
img 內邊距
距離上10畫素、右15畫素、下3畫素、左20畫素********************==可愛的分隔線********************====
此外,如果邊距都是一樣的值,可以簡寫為:margin:10px;或者padding:1外0px;
這樣上下左右四個外邊距或者內邊距的值都是10px;
也可以通過**外的容器來定義內外邊距。
希望對你有幫助 :)
24樓:匿名使用者
img 外邊距
img 內邊距
距離上10畫素、右15畫素、下3畫素、左20畫素
25樓:超級漂亮小美女
ie6下建議使用padding來控制不然容易導致ie的2倍寬度
26樓:匿名使用者
在style裡定義div的時候加上 margin不就行了
div+css裡如何設定子行間距
27樓:
一般來說
都是在 div中 新增 ol 或 ul比如:河北
河南山東
他們是 在同一行顯示的 那中間的間距 就用#div(id)li
也可以 padding:0 *px; 前面的0是上下為0 *px是 左右都加*px的 內補丁
padding 有好幾種寫法 你自己看吧要是 上下的排列
那就 控制padding 的 上下 內補丁不知道是不能解決你的問題
28樓:煙雅美奇原
一般是用margin來設定的,可以寫用css寫樣式,或者直接在html標籤里加style
例如:不過這個的話就每個標籤裡都要加哦,比較麻煩的,如果做簡單的頁面的話就沒事了。
divcss垂直居中,div css 怎麼讓一個小div在另一個大div裡面 垂直居中
用padding來做,比如你一個div中的文字,你div的高度是30px,那麼你的padding top 10px 那麼你div的高度就是20px,這樣你的文字就實現居中,記住div css很靈活,計算高度,寬度很重要,而且計算高度寬度的時候要計算進去,你使用了任何的padding,margin,b...
div css中怎麼控制標題之間的距離
行距用 line height px 間距用 letterspace px 最好不用margin padding,不能跨瀏覽器!如果是div與div之間的距離,可以通過新增 margin 上 數值 右 數值 下 數值 左 數值 來實現距離控制。如果是其他標籤與div或者其他標籤之間的距離,可以在其他...
中文字間距太大,怎麼辦,word中文字間距太大,怎麼辦
請先將鱔內容的文字樣式設定為正文,再重新設定文字的格式 大小 行距等,重新排版成你要的格式。word調整字元間距 word文件字間距很大,是什麼原因 進入 段落 選項,找到 縮排度和間距 選項卡,單倍行距 回1.5倍行距 2倍行距 最小值 固定值 和 多倍行距 幾種型別 如果是瀏覽器或者其他需要輸入...