1樓：娛樂小八卦啊
在佈局一張網頁時，通常網頁主體框架是居中於瀏覽器中的。實現最外層div水平居中與瀏覽器中需要一個條件和一個設定。假如最外層div盒子的css命名為「#divcss5」，這個時候為了相容各大瀏覽器實現最外層的這個盒子居中。
條件：這個時候對「body」設定css內容居中樣式（text-align:center）即css**：
body
設定：這個時候對「#divcss5」設定居中必備樣式css margin 即css**：
#divcss5
擴充套件資料
css div技巧
1、css font的簡寫規則：
當我們寫字型樣式的時候，我們也許會這樣子寫
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif
其實，這樣寫是完全多餘的，我可以只用font 來寫就ok了。
比如：font: 1em/1.5em bold italic small-caps verdana,serif
2、把幾個class屬性寫在一起
通常情況寫，屬性裡面的class只有一個值，但這並不是意外著你只能給它
賦一個class名，我們可以賦2個以上。比如
...不過，需要注意的是，class裡面是用空格把他們分開來的，而不是「，」，這點需要注意一下。這樣運用了，那麼text和side的class 就會運用到p元素中。
div+css 怎麼讓一個小div在另一個大div裡面 垂直居中
2樓：匿名使用者
方法一、小div絕對定位或相對定位，這樣小div脫離標準流，大div有固定寬高，用小div的margin去擠大div
注意：如果小div沒有絕對定位或相對定位，且大div沒有border，那麼小div的margin實際上踹的是「流」，踹的是這「行」。如果用margin-top，大div整體也掉下來了。
如下：方法二、如果給大div加一個border，使大div，小div都不定位，用小div的margin去擠大div，實現小div居中。
顯示結果如下：
方法三、小div絕對定位，大div相對定位，定位到大盒子的寬高一半的位置，再上下各margin負的自己寬高的一半
顯示結果如下：
3樓：匿名使用者
實現原理是設定margin自動適應,然後設定定位的上下左右都為0。
就如四邊均衡受力從而實現盒子的居中：
**：.parent
.child
擴充套件資料div+css絕對定位
使用通常是父級定義position:relative定位子級定義position:absolute絕對定位屬性，並且子級使用left或right和top或bottom進行絕對定位。
.divcss5 定義，通常最好再定義css寬度和css高度.divcss5-a 這裡定義了距離父級左側距離間距為10px，距離父級上邊距離為10px
參考資料
4樓：純潔的小樹
方法1：
.parent
.child
方法2：
.parent
.child
方法3：
.parent
.child
方法4：
.parent
.child
5樓：碼農不過如此
小div在大div中居中可以設定合適的padding 或margin值，尺寸計算對了就好
當然如果尺寸不方便計算的話那就使用定位屬性，小的div在大的div中分別絕對定位為：left：50%；top:
50%,然後再新增margin-left\top屬性，值為負的小div的寬高的一半~
簡單**如下：
6樓：青鳥中關村專家
如果說是div裡面套著div的話，就可以直接設定外面的div的valign屬性的值為middle。
valign 屬性規定單元格中內容的垂直排列方式
7樓：
qq使用 margin: auto;
8樓：匿名使用者
方法一，小div在大div中居中可以設定合適的padding 或margin值
方法二，使用定位屬性，小的div在大的div中分別絕對定位為：left：50%；top:50%,然後再新增margin-left\top屬性，值為負的小div的寬高的一半~
9樓：你太受歡迎自欲
divdiv img
line-height別掉下否則不起作用
10樓：小風往西
大小div分別設定寬高；
大div；
小div；
注意上面有個負號別丟了；
對這方面感興趣可以去w3cschool學習。
11樓：河東陳彬
上面方法很多，但是最好的最通用的一個就夠了：
12樓：匿名使用者
提供一個截圖供參考：
css 怎麼實現 div水平居中 呢？
13樓：
因為「text-align:center」控制的是文字居中，div居中可以用外邊距margin來實現。
1、新建html檔案，在body標籤中新增div標籤，div標籤中的內容為「演示文字」，新增題目中的css樣式，為了方便演示，給div標籤新增灰色背景，這時可以發現div靠近瀏覽器的左側，文字在div中居中：
2、為div標籤新增新的外邊距「margin」屬性，屬性值為「0 auto」，「0」指的是上下外邊距為0，「auto」指的是左右外邊距為自適應：
3、這時無論瀏覽器的寬度是多少，div都會在瀏覽器上水平居中：
14樓：鍾振森
一、div居中實現介紹
1、在佈局一張網頁時，通常網頁主體框架是居中於瀏覽器中的。實現最外層div水平居中與瀏覽器中需要一個條件和一個設定。
2、最外層div的css命名為「#divcss」,這個時候為了相容各大瀏覽器實現最外層的這個居中。
3、對「body」設定css內容居中樣式（text-align:center）
即css**：
body
一設定：
這個時候對「#divcss」設定居中必備樣式css margin
即css**：
#divcss
二、div居中用法例項
為了便於觀察佈局居中效果，我們再對「#divcss」加一個css邊框為黑色，css寬度為300px;高度為100px樣式。
1、最終得到div居中的css**：
body
#divcss
2、對應html**片段：
div水平居中案例
3、居中案例截圖
三、佈局居中總結
佈局居中我們需要對物件加margin:0 auto樣式，當然如果不加有的瀏覽器會實現居中效果，但有的瀏覽器就不會預設是居中。
15樓：匿名使用者
讓標籤居中用margin:0 auto;比較常用text-align:center;這個一般主要用於文字居中，雖然有時候能讓某些標籤居中，但是還是別用這個
注：margin:0 auto;這個必須是要給標籤設定寬度，而且不能加浮動，這個樣式居中的原理就是左右邊距都自適應，因為div預設是寬度最大化的，所以不設定寬度的話無法實現居中，而加浮動後div會變為寬度最小化並且只有左或者右浮動，所以也無法實現居中
當然table如果不設定寬度的話，預設寬度是最小化的，加margin:0 auto;也是可以實現居中的
16樓：深圳廚房裝置
那個是文字居中。
如果想實現div水平居中，可以使用margin屬性，將margin設定為auto;
.logo
17樓：匿名使用者
你是想讓logo這個div塊居中吧？
那樣就要在logo的父級 div 裡面設定 align
18樓：丿小灬擼
在div中輸入 align="center" 裡面的內容或者div會水平居中
div+css設計網頁佈局時，如何將選單導航部分背景自適應螢幕寬度，而讓導航內容居中？ 5
19樓：匿名使用者
這是由兩個div來實現的，首先建立一個外層div並設定寬高，要使寬度隨螢幕寬度變化(即瀏覽器寬度變化)，那麼寬度就得設定100%，高度設定為你需要的高度即可，具體屬性為 width:100%;height:你自己的高度;background:
你需要的顏色; 這樣就讓該div隨螢幕(瀏覽器)寬度變化而變化了。然後在這個div裡面再巢狀一個div給定一個寬高屬性，就是你導航的寬高，要使之居中，各人使用的方法也有所不同，但是常用的還是margin屬性，具體屬性如下 width:你導航的寬度;height:
你導航的高度;margin:0 auto; 這樣就實現了，如果背景是**的話就更改background屬性即可，還有不明白的隨時hi我。
20樓：
分兩部分，一部分是不限寬的背景層，這一層只要設定高度和背景就行，另一層再剛才那一層上面，設定高度和寬度，高度可以與第一個層一樣，寬度要用定寬，比如1000個畫素，這個層就是選單的容器層，然後給這個層加個樣式style="margin:0 auto",這樣就行了，試試吧
html css 裡面 一個div裡的ul怎麼讓他居中對齊？
21樓：用著追她
1、首先先開啟我們的開發環境 新建一個web專案。
2、在html中引入css檔案 這裡是html頁面的** div和ul。
3、將所有標籤的margin和padding初始為0 然後將父級div的display設定為flex align-items設定為center 。
4、執行web專案後得到的結果如圖所示 垂直居中了。
5、 將display設定為table-cell，將vertical-align設定為middle即可 。
6、將ul的高度設定為百分比然後使用相對定位設定top為二分之一的百分之百減去ul的高度即可 。
7、使用line-height將其設定div的高度 必須是確定值，然後將li左或者右浮動即可。
22樓：匿名使用者
div裡的ul下面的li居中對齊，關鍵點如下：
1、css設定好li的寬度
2、li的css加上居中**text-align:center。
例子如下：
居中文字1
居中文字2
居中文字3
居中文字4
居中文字5
居中文字6
23樓：匿名使用者
浮動的時候ul要有寬度margin：0 auto；才有作用
沒有寬度這個是沒有作用的，浮動的時候高度也要的哦
24樓：邢富鵬
.brand
ul li 也要劇中
a 錨偽類 是內聯元素 要變成塊級元素 display:block; 預設是display:inline;
25樓：匿名使用者
你給ul定義個寬度width:938px;overflow:hidden;margin:0 auto;這樣就可以了。
26樓：劉經茂
沒有說明是ie還是什麼瀏覽器 給.brand ul 設定寬度應該可以解決你的問題
27樓：匿名使用者
直接給brand那個div加屬性align="center"就可以了，何必那麼麻煩。
css 命令 微信公眾平臺 自適應螢幕大小
下面就告訴大家如何解決。1.使用html中的viewport來實現 viewport語法如下 html width 控制 viewport 的大小，可以指定的一個值或者特殊的值，如 device width 為裝置的寬度 單位為縮放為 100 時的 css 的畫素 height 和 width 相對...
如何新增css讓頁面自適應手機螢幕
首先，在網頁 的頭部，加入一行viewport標籤。viewport是網頁預設的寬度和高度，上面這行 的意思是，網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1.0，即網頁初始大小佔螢幕面積的100 即讓viewport的寬度等於物理...
怎麼用CSS樣式使文字居中對齊，html css怎麼讓文字在頁面底部居中
一個 text align center 還有一個 line height 200px 這裡的 200px 等於你設定這個盒子的高度。如果只設定第一個方法它只會左右居中，要將這兩種方法都寫上，這樣就可以實現在盒子中，上下左右都居中。 text align center 水平居中height 30px...