CSS padding 1em auto不能用嗎

時間 2022-05-03 10:00:04

1樓:

padding縮寫中用了auto表現異常(css的bug)關於padding的縮寫,無論是權威書籍還是網上的資料,一律都說是: padding: 1px auto是指上下1px,左右自動調整,而事實上,無論在ie6還是在firefox3.

0中的表現,都並非如此。在ie中,是上左右是1px,底邊為0。而在firefox中,則是所有的padding都變為0。

不過,若不用auto而改成具體的數值,如padding:1px 10px;這時確實是上下為1px,左右為10px.

測試時為了看得更明顯,可以把數值放大。

若調換順序,改為padding:auto 50px;則在ie中所有內邊距為0,而在firefox中也如此。

建議你用其他方式替代auto,比如text-algin、auto改成指定值等等

2樓:後端組道爺

padding是內邊距沒有auto,不像外邊距margin一樣能居中,你想居中寫成:

button

就可以了

3樓:

老兄,padding和margin一樣是 padding:上 右 下 左。單獨指定的當然能生效啦~

4樓:山東王建設

padding :auto沒用過

padding能使用auto這個屬性值嗎?

5樓:匿名使用者

,margin:auto可以做到水平居中,但是有個前提條件就是,這個 標籤比如是塊狀元素,並且有個確定的寬度,百分比的寬度也行;

css中margin和padding設定成auto是自適應什麼?跟據什麼來自適應 最後自適應的值是 30

6樓:臺祐中空旋轉平臺

padding用不了auto值

正確的寫法:

水平居中:margin: 0 auto;

padding:5px;設定物件距離四邊邊距為5px間隔

css中margin和padding設定成auto是自適應什麼?

7樓:匿名使用者

1、標籤比如是塊狀元素,並且有個確定的寬度,百分比的寬度也行;padding的話, 設定成auto它會自動繼承瀏覽器的padding值,因為有些奇葩瀏覽器是預設有padding值的,為了避免這個對樣式造成影響,樣式開頭一般會加上一句*;。

2、自適應,一般是自適應螢幕大小,比如我們的電腦、手機都有很多不同尺寸的螢幕,那麼做出來的頁面就要相容這種尺寸的變化,而不會讓佈局錯亂。

3、一般pc端佈局樣式是用百分比,不過移動端的話,因為對css3的相容性非常好,所有要達到自適應,可以用css3來佈局,當然還有比較流行的響應式佈局。

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

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

css**padding: 0.2em;是什麼意思?

8樓:匿名使用者

padding:0.2em的意思就是這個元素的內邊距 上下左右都為 當前字型大小乘以0.2

9樓:匿名使用者

padding就是 內容到邊框的距離,padding:0.2em意思是內容到邊框之間留下0.2em大小的空白

10樓:匿名使用者

外部元素到內部元素的距離是0.2em,以div為例,就是外部div到內部div元素最外邊的距離為0.2em

11樓:匿名使用者

em是字高, 0.2em就是0.2字高.

12樓:匿名使用者

padding 容器的內距容器邊--到--容器內容的距離em是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。

px畫素(pixel)。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。

任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。

那麼12px=0.75em, 10px=0.625em。

為了簡化font-size的換算,需要在css中的body選擇器中宣告font-size=62.5%,這就使em值變為16px*62.5%=10px, 這樣12px=1.

2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。

css請解釋下。這個 padding: .11em .825em .21em;

13樓:匿名使用者

padding: .11em .825em .21em;中.11em是指的上內邊距為.11em

.825em是指的左右內邊距

.21em是指的下內邊距

14樓:匿名使用者

如果沒有特別指出,1em=10px,即.11em .825em .

21em; 等於1.1px 8.25px 2.

1px, 同body的font-size縮放有一定關係

15樓:忘記當世的繁華

1em=16px,可以自己算一下

css中:margin:auto與margin: 0 auto;有什麼區別

16樓:

1、意思不同。margin:auto=margin:

auto auto auto auto,表示上下左右都為auto;margin:0 auto=margin:0 auto 0 auto,表示上下為0,左右為auto;

2、居中方式不同。margin:auto表示橫豎都居中,margin: 0 auto表示橫居中,豎不居中;

margin後面一般會跟4個引數,如margin:1px、1px、1px、1px,分別表示上外邊距為1px、右外邊距為1px、下外邊距為1px、左外邊距為1px。

如果後面只寫2個引數的話,如margin:1px、2px,則表示上下外邊距為都為1px,左右外邊距都為2px。

cascading style sheets,中文含義是層疊樣式表,是一種用來表現html或xml等檔案樣式的計算機語言,不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

margin是css的一個屬性,主要功能是簡寫屬性在一個宣告中設定所有當前或者指定元素外邊距屬性。該屬性可以有 1 到 4 個值。margin屬性接受任何長度單位、百分數值甚至負值。

margin 屬性可以單獨改變元素的上,下,左,右邊距。也可以一次改變所有的屬性。所有瀏覽器都支援 margin 屬性。

17樓:

m angang的特徵區別就在於他們的級別不同。

18樓:痞子傻瓜

看下css手冊,margin後跟四個引數:top right bottom left 還可簡寫為兩個引數 即為 上下 左右 也可以設定一個引數 這樣就代表設定這四個選項了,解釋下margin: 0 auto;0為上下外間距為0px auto代表左右自動適應。

19樓:天熱銀行股份

margin:0 auto 更標準一些。margin-left和margin-right值為auto,頁面居中。

只是margin-left:auto 頁面左對齊,只是margin-right:auto 頁面右對齊。

margin-top和margin-bottom對設定auto,沒有這個效果!

20樓:匿名使用者

首先你要知道,margin後面是有4個引數的。例如:margin:1px 1px 1px 1px

分別表示 上、右、下、左。如果只寫2個引數的話,比如:margin:1px 2px

那麼著是代表 上下都為1px 左右都為2px.

至於居中,很明顯,margin:0 auto 是標準的寫法!明白???

21樓:

margin:auto 意思是四個方向都用auto

margin:0 auto 的意思是上下為0 左右是auto

用div+css佈局時多數會這樣來居中

22樓:影忑魔皇

margin的這個問題在w3school中就有詳細的解釋建議你看看,margin有著一個屬性繼承的機制,大概意思是margin:上 右 下 左 ,其中:

你如果只填寫了上,上的屬性就會被右和下繼承,然後右的屬性又會繼承給左margin:auto完全寫開的話應該是margin:auto auto auto auto;而margin:

0 auto完全寫開的話是margin:0 auto 0 auto;一個是上下左右全自動,一個是上下0左右自動

——來自一個前端學徒

23樓:皮皮的

第一個表示上下左右都為auto,橫豎都居中

第二個表示上下為0,左右為auto,只是橫居中

24樓:匿名使用者

margin:auto=margin:auto auto auto auto;

margin:0 auto=margin:0 auto 0 auto;

margin:n m p q表示該元素上外邊距為n,右外邊距為m,下外邊距為p,左外邊距為q,即 margin:上 右 下 左 ,逆時針一圈。

25樓:匿名使用者

建議直接看mdn web文件

26樓:匿名使用者

margin: 0 auto;更符合標準一些

為什麼我css已經設定了*{ padding:0px; margin:0px; } 但是下面的dl。ul 等還是有內外邊距的?

27樓:

應該是你在*後面其它地方,有其它定義樣式,,

最好辦法,在firebug或者chrome的元素稽核裡看,就可以看到它在**定義了邊距,還是預設樣式。

網上看到一段對於*和body的解釋。

通配選擇符 語法:* 說明:選定文件目錄樹(dom)中的所有型別的單一物件

型別選擇符 語法:e 說明:以文件語言物件(element)型別作為選擇符

大家在做**時,規劃樣式表許多朋友首先會用*,這裡的*是萬用字元,意思就是將文件目錄樹中的所有型別單一物件的內邊距和外邊距都設定為0,為什麼這樣呢?因為許多元素,如h類,ul,body,p預設都有內邊距或外邊距,這樣可以一次方便將這些元素的內外邊距設定為0,很是方便,但我並不建議大家使用,因為我在做**時,當頁面呼叫了mapbar的地圖後,會將地圖上的標點設定到地圖左上角,不管它在哪個位置。還有文字框內的文字也會貼在邊上顯示,在這種情況下就不能用*來定義了,所以我建議大家還是使用body定義,另外可以使用body,ul,h1,h2,h3,h4,h5,h6,form,dl,p 將其它預設有內外邊距的元素設定為0,這樣可以避免出現類似這樣的問題。

28樓:生活有乾坤

*是針對整個頁面的。如果想設定頁面內部的部分是需要單獨設定的。有不懂的可以再問。

oppon1能換電池不,OPPON1能換電池不

oppo客服 你好,電池屬於配件問題,建議你前往當地售後服務中心更換,換電池 為 138元,具體 以當地售後服務中心更換為準 獨家記憶年華 您好,可以到客戶服務中心檢測更換,您可以在工具 服務指南 客戶服務資訊 查詢到您當地的客戶服務中心地址和 若您還有其他的問題諮詢,您可以進入oppo企業平臺向客...

不超過1G的單機遊戲

動作角色扮演 arpg 神鬼寓言 03年的老遊戲,能開中配 上古卷軸4 用3da進入,低配 暗黑2 中配以上 地牢圍攻2 低配至中配 聖域 中配以上 伊蘇 起源 很流暢 x.next 流暢 魔獸世界 下了個wow單機版玩,只做任務也很有意思的哦。我一般開中配不卡,高配在一些建築物下會卡。角色扮演 r...

y 6,y 1,x y,x 1 為什麼y 1不執行如果是yy呢

括號的運算過程是 1 對y賦值6,y的值為6 2 y 1,這裡執行了,y原始值加1,只是沒有意義而已 3 y賦值x,x的值變為6,就是賦新值 4 x 1,這裡也執行了,但沒有意義 這時整個括號的運算結果為 x 6,y 6 如果y 1是y 先運算,後自加1,這時整個括號的運算結果 x 7,y 7 如果...