關於margin的居中問題,margin 水平居中 CSS

2022-10-23 04:05:17 字數 3138 閱讀 9879

1樓:麼珈藍納

margin屬性的意思知道吧? margin是設定邊距的,在html 4.0標準設定 margin:

0 auto是不會居中的。也就是說ie5中,不會居中,會靠左。這時xhtml 1.

0的新標準.如果網頁頂部有 「http://www.

w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 」 那麼說明當前html 文件遵循xhtml 1.

0 標準,那麼ie6和以上的瀏覽器就會以xhtml 1.0的標準執行。設定了margin:

0 auto 就會水平居中,但是如果沒有那句宣告,在ie中就會靠左。(在ie8中沒有做過測試)。margin:

auto 是不會在瀏覽器中居中,這是規定,而且也沒有必要再螢幕中間居中。很對情況是這樣。我做了很多**,螢幕居中的沒有用到一次,最多的是水平居中。

如果非要螢幕居中,最好的解決方法使用js控制。

2樓:群玄眾

margin:0 auto; 這個等價於 margin:0 auto 0 auto; auto就是左右邊距為自動,就是居中的屬性,0就是上下邊距0。

順序依次是 上,右,下,左。 也等價於 margin-top:0;margin-bottom:

0;margin-left:auto;margin-right:auto; margin我就不用多說了,就是外邊距,也叫外補丁。

如果div使用了margin:0 auto,就不能再用float,這個是浮動的,會使margin:0 auto無效。

margin 水平居中 css

3樓:遊戲放鬆小助手

1、首先新建乙個html檔案,命名為test.html。

2、為了測試出明顯的效果,在test.html使用div定義了乙個帶邊框的模組,裡面放乙個p標籤。

3、使用margin設定p標籤的左外邊距。主要使用margin-left的方法定義左外邊距的樣式,值越大,距離左邊就越大。

4、使用margin設定p標籤的右外邊距。主要使用margin-right的方法定義右外邊距的樣式,值越大,距離右邊就越大。

5、使用margin設定p標籤的上外邊距。主要使用margin-top的方法定義上外邊距的樣式,值越大,距離上邊就越大。

6、使用margin設定p標籤的下外邊距。主要使用margin-bottom的方法定義下外邊距的樣式,值越大,距離下邊就越大。

4樓:匿名使用者

下面的**是我經過調過ok的:

**首頁

公司簡介

新聞動態

產品介紹

margin 水平居中的問題!

5樓:匿名使用者

看不懂,要實現什麼效果 ,針對乙個div的居中問題是設定margin-left和margin-ringht都是auto就行了

6樓:田濤

這是c語言,比較複雜

前端,margin居中不行?

7樓:

你需要有寬度才能margin-left,margin-right設為自動來居中啊,

你不設定寬度,那它預設的寬度是100%的。。

給#header或者裡層的元素設定乙個容器寬度就可以了。

求教怎麼設定margin屬性,可以使元素的位置居中 50

8樓:

①水平居中:

文字:text-align:center;

容器:父級設定text-align:center;

容器本身設定:margin:0 auto;

②垂直居中:

文字:vertical-align:middle;或vertical-align:50%;

容器:方法1: 父級定位position:relative

容器定位postion:absolute 左上角下移top:50% 上移margin-top:一半高

方法2: 父級display:table-cell與vertival-align:middle

容器margin:auto與vertical-align:middle

【方法2的display:table-cell在ie6中有bug,可以給父級設定個寬或高解決。】

9樓:匿名使用者

先編寫乙個div,然後一定要固定寬度。**如下:

居中將這段**複製至html中,一定能成。

10樓:匿名使用者

給元素乙個width值,再設定margin:0 auto,這樣就居中了

11樓:進駐靈魂

margin;0 auto;

html margin:0 auto 居中問題

12樓:

margin:0 auto; 你的寫錯的了,寫 成了atuo

13樓:匿名使用者

margin:0 auto; 寫錯了

14樓:

把父物件的width:100%去掉

15樓:火狐

尊敬的使用者,您好!很高興為您答疑。

您的**中的atuo是筆誤還是真實錯誤,建議您先核查下。

希望我的回答對您有所幫助,如有疑問,歡迎繼續諮詢我們。

16樓:

此div在外層div中不居中

html中margin不居中

17樓:過兒無敵

span是行內元素,既不能用寬度,也不能用margin來讓其實現auto效果,想實現auto效果,就只能把span改成塊級元素,給span加上 display:block。

18樓:李子講程式設計

你把span標籤去掉,,直接給li加上text-align:center也可以啊,,只是建議,如果你非要用span的話,還得想別的辦法。

19樓:

text-align:center;

《各具特色的民居》中的幾個問題什麼樣的客家民居?填詞

防酷熱 濕氣 的傣家竹樓 異常堅固的客家民居 橘瓣狀的客家民居,寬敞的傣家竹樓 整體為圓形的客家名居 各具特色的民居 中 客家民居 的主要內容 求解!10 本文主要寫了我國地方民居的說明文,介紹了特色鮮明的客家民居和傣家竹樓。丨 六年級下冊第8課 各具特色的民居 中的客家民居和傣家竹樓的相同點有哪些...

關於侵權問題,關於侵權的問題

1 作為老師,檢查學生是否帶手機,擔心學生上課時玩弄手機,影響聽課。沒有錯,只要手機歸屬權最後還是學生的。2 根據教師法 第四條 各級人民 應當採取措施,加強教師的思想政治教育和業務培訓,改善教師的工作條件和生活條件,保障教師的合法權益,提高教師的社會地位。全社會都應當尊重教師 3 學生更應該尊重教...

關於跑步問題,關於慢跑的問題

是的。這種問題我恰好抄 從電bai視看過,一旦跑步超過8公里以上腿du部膝蓋軟骨就和磨損zhi,軟骨是不會修復的dao,只要保養,需要減少對腿部膝蓋磨損建議跑步是腳尖先落地給膝蓋減輕壓力,跑步一定要穿好布鞋。建議跑一天休息一天,可以游泳,游泳比跑步更加鍛鍊心肺。飯後跑步 復的最佳時間制 是在進食後的...