如何用css設定div與div之間的間距呢

時間 2021-06-29 10:25:39

1樓:衛戍邊疆

2、在index.html中的標籤中,輸入css**:.sub。

3、瀏覽器執行index.html頁面,此時3個div子子容器的垂直間距被統一設定為了30px。

2樓:匿名使用者

a 和b設定float:left屬性,如果要控制b與a的距離的話,就在b的屬性裡設定margin-left:間距px

3樓:go以前現在將來

如果你想設定全部div的距離的話:div

如果你想設定ab之間的距離的話: .b

4樓:

div 與 div 即 盒子與盒子見 也就是外邊距 margin控制啦

5樓:

使用。如:表示該元素與上面的元素相距10px,與右邊的元素相距20px,與下面的元素相距30px,與左邊的元素相距40px;

注意:使用該屬性的時候要注意當上面元素的margin-bottom:10px;下面元素margin-top:

10px;那麼他們的間距將會合並,即他們之間的間距變為10px;如果這兩個值不一樣,那麼瀏覽器將會取較大值。但是如果其中有一個元素設定position為absolute時,間距將不會合並。

使用該屬性時一定要注意與它相關的元素的屬性,注意觀察他們的position和float屬性。

6樓:

#a,#b

7樓:匿名使用者

加浮動,一個居左,一個居右!

8樓:汐灬花落

margin:上 右 下 左; 再加上浮動

css字與字之間的間距怎麼調

9樓:匿名使用者

在css中,調整字與字之間的間距的屬性是letter-spacing,你通過更改標籤的letter-spacing屬性值來設定標籤內字與字之間的間距,舉例說明

步驟2:修改新建html頁面的**,設定letter-spacing屬性值為4個px,儲存並重新整理該頁面,此時觀察到該頁面在瀏覽器中字與字之間的間距發生了變化

步驟3:再次修改新建html頁面的**,設定letter-spacing屬性值為40個px,儲存並重新整理該頁面,此時觀察到該頁面在瀏覽器中字與字之間的間距發生了更明顯的變化

10樓:sbc的太陽

1.在資料夾中建立一個「test」的html檔案。如圖所示2.在裡面新增html標籤框架。如圖所示

3.在裡面新增一個「div」並放入文字。如圖所示4.

然後我們發現預設文字之間比較緊湊。如圖所示5.現在我們給div設定一個id為「wd」。

如圖所示6.通過css在style使用letter-spacing給wd中的文字設定字間距為30px。#wd如圖所示

7.在瀏覽器中開啟我們發現字間距變大了。如圖所示

11樓:

使用letter-spacing屬性

具體方法如下:

1、在資料夾中建立一個「test」的html檔案。

2、在裡面新增html標籤框架。

3、在裡面新增一個「div」並放入文字。

4、然後我們發現預設文字之間比較緊湊。

5、現在我們給div設定一個id為「wd」。

6、通過css在style使用letter-spacing給wd中的文字設定字間距為30px。

#wd7、在瀏覽器中開啟我們發現字間距變大了。

擴充套件資料:

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力。

屬性和屬性值

屬性屬性的名字是一個合法的識別符號,它們是css語法中的關鍵字。一種屬性規定了格式修飾的一個方面。例如:color是文字的顏色屬性,而text-indent則規定了段落的縮排。

要掌握一個屬性的用法,有六個方面需要了解。具體敘述如下:

①該屬性的合法屬性值(legal value)。顯然段落縮排屬性text-indent只能賦給一個表示長度的值,而表示背景圖案的background.image屬性則應該取一個表示**位置連結的值或者是關鍵字none表示不用背景圖案。

②該屬性的預設值(initial value)。當在樣式表單中沒有規定該屬性,而且該屬性不能從它的父級元素那兒繼承的時候,則瀏覽器將認為該屬性取它的預設值。

④該屬性的值是否被下一級繼承(inherited)。

⑤如果該屬效能取百分值(percentage),那麼該百分值將如何解釋。也就是百分值所相對的標準是什麼。如margin屬性可以取百分值,它是相對於margin所存元素的容器的寬度。

⑥該屬性所屬的媒介型別組(media groups)。

屬性值①整數和實數

這和普通意義上的整數和實數沒有多大區別。在css中只能使用浮點小數,而不能像其他程式語言那樣使用科學記數法表示實數,即1.2e3在css中將是不合法的。

下面是幾個正確的例子,整數:128、-313,實數:12.

20、1415、-12.03。

②長度量

一個長度量由整數或實數加上相應的長度單位組成。長度量常用來對元素定位。而定位分為絕對定位和相對定位,因而長度單位也分為相對長度單位和絕對長度單位。

相對長度單位有:em——當前字型的高度,也就是font.size屬性的值;ex——當前字型中小寫字母x的高度;dx——一個畫素的長度,其實際的長度由顯示器的設定決定,比如在800木600的設定下,一個畫素的長度就等於螢幕的寬度除以800。

另一一點值得注意的是,子級元素不繼承父級元素的相對長度值,只繼承它們的實際計算值。

③百分數量(percentages)

百分數量就是數字加上百分號。顯然,百分數量總是相對的,所以和相對長度量一樣,百分數量不被子級元素繼承。

12樓:l藍鏡

css18字型樣式之文字間距和行高以及首行縮排

13樓:

css中,調整字與字之間的屬性是letter-spacing,你可以在屬性中加上就可以,例如:

pcss(層疊樣式表)級聯樣式表是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。

14樓:巨樂康

css word-spacing屬性設定字間距(單詞的間距)

15樓:匿名使用者

具體問題具體分析。

行距:line-height:1.5;

段落:文字

文字字與字之間:文字1文字2

16樓:匿名使用者

您好。。

1、文字與單詞間距,樣式加這個:letter-spacing:20px (這是字元與字元,對中 英 適用);

2、單詞與單詞間距,樣式加這個:word-spacing :20px (這是單詞與單詞);

可以追問

滿意望採納 謝謝

17樓:育知同創教育

css樣式中有個letter-spacing: 屬性可以調字與字的間距,line-height:可以調整字與字之間的行高

18樓:

你好,這裡是兩個例子:word-spacing 可以改變字(單詞)之間的標準間隔。其預設值 normal 與設定值為 0 是一樣的;屬性接受一個正長度值或負長度值。

如果提供一個正長度值,那麼字之間的間隔就會增加。為 word-spacing 設定一個負值,會把它拉近:

this is some text. 這是一些文字.

this is some text. 這是一些文字.

word-spacing 這個是增加或減少單詞間距:

this is some text. this is some text.

this is some text. this is some text.

19樓:阿勒邱的家

letter-spacing

20樓:

word-spacing: 10em;

如何用css+div控制**間的距離?

21樓:驚寒唱晚

就像來plftzk | 十一級 說的一自樣,可能通過內邊距或者外邊距來控制:

img 外邊距

img 內邊距

距離上10畫素、右15畫素、下3畫素、左20畫素********************==可愛的分隔線********************====

此外,如果邊距都是一樣的值,可以簡寫為:margin:10px;或者padding:1外0px;

這樣上下左右四個外邊距或者內邊距的值都是10px;

也可以通過**外的容器來定義內外邊距。

希望對你有幫助 :)

22樓:匿名使用者

img 外邊距

img 內邊距

距離上10畫素、右15畫素、下3畫素、左20畫素

23樓:超級漂亮小美女

ie6下建議使用padding來控制不然容易導致ie的2倍寬度

24樓:匿名使用者

在style裡定義div的時候加上 margin不就行了

CSS能設定div之後將div中img的超出尺寸不頂出去嗎

煙道夫 2種辦法 隱藏掉,overflow hidden給img設定一個固定的寬和高.這樣 就會自動壓縮了還有就是上傳 時就裁剪好尺寸,就不會有這樣的問題了 div 寬和高要設定。image寬度設為100 就行了,高度會自動按比例縮放。如果你想 鋪滿div而無視 長寬比例,那麼把image高度也設為...

css設定div高度,但div的高度無法自適應內容

23135641561 沒必要position,直接正常寫就行了,不存在什麼不對齊,除非你的margin或者padding兩邊設定不一樣,如果都不設定的話,肯定是對齊的,因為div是內外邊距的。 育知同創教育 首先確保這個div是不是是block。預設情況下,div是block。可能在設定某些css...

父級div里布局子div,父級CSS設定左浮動,為什麼子div沒反應

夷茹 父級設定浮動沒用的,你給三個子集設定浮動就可以了。浮動是同級的 因為父浮動沒用,得你媽浮動,子div才會浮動 不知道你想要什麼效果,問題描述不清楚啊 html 中為什麼套在父級div中的子div會跑到父級div的外部,為什麼不是把父級div的高度撐大呢? 再加2個樣式進去 left right...