在不設定 Div 元素的寬度(width)的情況下,如何讓 Div 元素居中?

時間 2021-05-30 03:59:34

1樓:

第一種方法:外層設定相對定位且浮動,left:50%,這樣左邊位置就偏移到了中間的位置;然後內層設定相對定位,left:-50%,這樣正好向左偏移自身寬度的一半,實現了居中。

第二種辦法:外層使用text-align:center;我們知道text-align:

center是讓裡面的內聯元素居中,很顯然在外層設定text-align:center後,我們讓裡面的元素變成內聯元素即可,則可以對裡面元素使用display:inline-block;*display:

inline(相容IE6-7)。

2樓:lingyired

="wrap"

>

="inner"

>html : 讓 inner 居中

div>

div>

.wrap

.inner

樓上用 margin 的都是沒看清楚題目的。

分析一下我的做法:

.wrap 使用 float 是為了讓 .wrap 的寬度等於 .inner 的寬度

讓 .wrap 的左邊在父層的中線上, 讓.inner 的左邊相對 .wrap 向左移動一半, 這樣就可以實現 .inner 在.wrap 的父層的中間。

演示: RunJS

3樓:壞脾氣

< !DOCTYPE html >

< html >

< head >

< meta charset="utf-8" / >< style type="text/css" >< !--

*.wrap

.container

< /style >

< /head >

< body >

< div class="wrap" >< div class="container" >< /div >

< /div >

< /body >

< /html >

看看這個是不是你想要的。

4樓:魏瓊

樓主也許要的是這種,外層text-align:center,內元素display:inline,然後後內元素的padding控制高。

5樓:IT公尺粉

用百分比進行設定, < div style="width:100% ;align:center;" > < /div >

怎樣在不告訴他的情況下讓對方發現自己暗戀他 本人女 ?

你是女生哎,這方面不應該天生就會嗎?方法很多啊,你可以用眼神示意啊,表現出羞怯啊,如果你是羞於用表情動作這些,那也有很多其他的辦法。像乙個暗戀我的女生,她就是畢業後在企鵝上聊天,讓我看她寫的日誌,內容看起來很亂,還全是繁體字,大概就是說她喜歡乙個男生怎麼怎麼樣,經歷過什麼,我就問她是誰,她不說,我說...

在不參加社團,不擔任班委的情況下,如何規劃自己的大學生活?

我是渣渣 我覺得在經過了高中三年的忙碌之後 進入大學面臨的第乙個生活的改變就是課餘的時間增加很多不妨先用這些時間思考人生 問問自己究竟在什麼性格的人?這種性格以後適合從事什麼工作?搞科研?搞藝術?搞創業?考公務員?搞文學?面對無限的可能,建議那一張紙記下來自己的所有分析 認真考慮好之後,就是定目標。...

在不改變故事背景 設定和大方向的情況下如何把三體拍成爛片

大洋 就以 三體一 為例 汪淼天生缺乏恐懼感,在三體對他展現 神蹟 的時候他更多的是懵逼狀態,最常用的台詞就是 我艹,這也行!史強的體型孔武有力,辦案風格也切換為以莽著稱,在角樓勸汪淼時各種肢體動作,最後差點把他的肩膀給拍掉下來。葉文潔直接開啟叨叨嘴模式,大事不提,小事說個不停,每次遭受打擊就躲到角...