商品展示DIV CSS間距怎麼寫

2022-05-20 19:44:32 字數 4935 閱讀 1290

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倍行距 最小值 固定值 和 多倍行距 幾種型別 如果是瀏覽器或者其他需要輸入...