急,請問css居中後再定位的問題

2022-12-19 18:25:24 字數 3821 閱讀 4580

1樓:

a margin:0px auto;之所以會將a元素居中,是因為將看作一個和瀏覽器大小相等的盒子,然後a元素到盒子兩邊的距離相等,所以就居中。

b 而現在給a元素加了一個position:absolute;表示對a元素進行絕對定位,位置是由left,top,right,bottom四個屬性規定的。是相對於父盒子,也就是這裡的中的所有元素居中對齊的意思,firefox對該屬性只會新增文字元素的居中對其(補充:

firefox可用:text-align: -moz-center !

important;)

b 在ie中對a加上了position:absolute後,ie實際上是將a元素定位於top:0 left:0 的位置,再將它的頂點居中與body元素了,所以看起來是偏右的。

c 而在firefox中,text-align:center屬性並沒有起作用,所以和問題一中呈現相同效果。

3 和問題二中的情況是一樣的。

4 其實和問題二中的情況還是一樣得,給body加上text-align:center後,b元素因為繼承了該屬性,所以在ie中將會相對於a元素居中對齊。對b元素設定了絕對位置後(在這裡是top:

0;left:0;)b元素將會定位於a元素的top:0;left0;位置,並將起始點居中與a元素的中間線頂點上。

所以ie中看起來是中間偏右的。

2樓:太極八卦餅

問題好多分好少。-

第一個問題:絕對定位後脫離文件流用margin:auto就不管事了,定位用top(上邊距),left(左邊距),還有bottom和right;

第二個問題:跟瀏覽器關係不大,問題是你沒有明白定位,找些資料看看,網上很多。

第三個問題:一樣的啊,去看下css定位的問題;

第四個問題:同上。

3樓:越花越有

position:absolute;

是絕對定位的意思 這你應該知道吧 它是通過left和top的值來實現的。

你的這些問題 position:absolute; left:100px;

加個left 就都解決了。

4樓:匿名使用者

這點**就用到position,簡單的問題複雜化了,用float吧。

css連結框居中的問題,不想用定位,有什麼方法如下圖

5樓:匿名使用者

你已經把a標籤變成了塊元素,那麼只需再加上一個寬度,再加上margin-left:auto; margin-right:auto 這兩句就能使其水平居中對齊。

求教css的大神,相對定位後的div怎麼水平居中?

6樓:匿名使用者

你設的寬度width:320要加單位px 也就是width:320px;

除了使用margin:0 auto居中外,你用相對或絕對定位的話,想水平方向居中也可以加margin-left:-160px;和left:50%;

7樓:匿名使用者

因為你寫錯了 這段**是可以居中的。

8樓:莒車

我試著可以居中的,就是你的width:320,少了px。

9樓:匿名使用者

你為了相對定位居中也就是為了使用相對定位的特性,那麼你可以先讓一個div絕對定位,然後在裡面設定一個一樣大相對定位的塊,這樣你就可以讓這個塊裡的元素有相對定位的屬性;

在css中對元素使用了浮動,然後再使用相對定位的問題

10樓:鰟鮍魚

相對定位的特點就是佔著馬桶不拉屎,就是說它相對它本來的位置偏離了一定距離以後,它去了別的地方,但是它原來待的地方也是不會讓出來的,你3個div浮動以後,就變成了圖1的樣子,那麼3個div自己的位置已經確定,那麼不管是div1也好,其他div也好,用相對定位跑到隔壁家去玩也好,跑到天涯海角也好,它家裡的位置還是佔著不讓別人去的,彷彿它不曾離開。

div css 的**定位怎麼使用?

11樓:匿名使用者

額。我抄搞錯了,你說的**定位,我以為。

bai是相對定du位,絕對定位的問題。抱zhi歉!

**定位是這樣的,dao

我的理解。舉個例子:

其中background-position屬性是你可以調節的,第一個center是對於水平x軸來說的居中,第二個center是對於垂直y軸來說的居中,二個center值你可以自己調節它的上下左右。用px值來調節!

12樓:_清水出芙蓉

背景bai**du定zhi

位:daobackground-image:url(**路專徑屬); background-position:left topright bottom

center center

100px 100px

13樓:網名註冊

position:absolut ;絕對定bai位 position:relative ;相du對定位。

例如:zhi

.banner

.banner img

既banner裡面dao的img是相回。

對於banner來定位的答。

14樓:匿名使用者

哥只知道相對定位和絕對定位。

css怎麼讓絕對定位的div水平垂直居中?

15樓:沮喪的傑克

水平居中 left:50%; margin-left:-div寬度的50%

垂直居中 top:50%; margin-top:-div高度的50% (高度不定的話就不瞭解了)

html絕對定位的元素如何讓它始終居中?

16樓:程式設計師人生

既然是絕對定位,就沒有居中這一說法,因為居中肯定參考某一值來居中的,例如參考瀏覽器居中。應該是相對對位,如果是相對定位的話,直接margin:0 auto 就可以了。

另外,我估計你的意思是某一個div塊是絕對定位,然後裡面的東西是相對這個div塊居中,那麼也是定義裡面塊margin屬性就可以了。

17樓:匿名使用者

我舉個例 知道定位元素本身的寬高的話 例 寬高 是300px 可以這個來居中 position: absolute; left: 50%; top:

50%; margin:-150px 0 0 -150px;

18樓:琉璃街東西巷

垂直居中僅需要宣告元素高度和下面的css:

為了讓以下id為container 的div能水平居中 需要的css 樣式是啥

頁面正文

19樓:匿名使用者

在標準盒模型下。

div設定width=固定值,如300px然後margin-left和margin-right都是auto就可以水平居中了。

再就是設定這個div的父元素的text-align:center,同樣也要設定div的width=固定值。

也能實現水平居中,但這算一種hack。因為本來是讓文字水平居中的意思。

20樓:小蜜蜂影視快訊

給container 設定一個寬度就好了。

例如1000的寬度。

#container

21樓:匿名使用者

#container

注:container必須有固定寬度。

相親後的問題急

他那麼激動肯定是對你感覺不錯的 人品沒有問題可以考慮跟他交往看看 說不定就不錯噢 不要錯過咯 說不定他就是個不錯的物件噢 感情的事是說不清的,你要想和她在一起就要盡力維護,但要記住,你是女人,就要矜持一點。儘量暗示他,讓他主動,這是一般戀人的特徵。我懂了,我就是這種人,嘻嘻,那你還是主動吧,他很難主...

急!跳槽後戶口和檔案的問題(北京)

你去你現在工作的北京公司所在的人才交流中心要求遷入你的檔案,去派出所要求遷你的戶口,並開具檔案遷入接收證和戶口準遷入證,得到這些證後,去你戶口的所在地遷檔案和戶口遷移證。就行了。同情你,北漂一族。我在廣州漂,也遇到類似的問題。好煩人的。後來終於把戶籍檔案一起遷到廣州了。急!急!急!北京集體戶口與檔案...

急!請問一下鋪地板的問題

估計你寫錯了,應該是12mm而非12cm,否則不符合常理。原來地面鋪磚的基礎上再鋪裝地板是完全可以的,且原始面已經非常平整,按懸浮式鋪裝法直接鋪設地板的效果也非常好。若門不打算調整尺寸的話,可以考慮鋪裝8mm厚度的強化複合地板,地板下鋪設2mm防潮地墊,在門口需安裝平扣或高低扣,這樣總厚度正好與門間...