display特點(diǎn)？display屬性block塊級(jí)元素的默認(rèn)值，元素會(huì)被不顯示為塊級(jí)元素，該元素前后內(nèi)帶換行符inline內(nèi)聯(lián)元素的默認(rèn)值。元素會(huì)被沒(méi)顯示為內(nèi)聯(lián)元素，該元素前后沒(méi)有換行符inline

display特點(diǎn)？

display屬性

block塊級(jí)元素的默認(rèn)值，元素會(huì)被不顯示為塊級(jí)元素，該元素前后內(nèi)帶換行符

inline內(nèi)聯(lián)元素的默認(rèn)值。元素會(huì)被沒(méi)顯示為內(nèi)聯(lián)元素，該元素前后沒(méi)有換行符

inline-block行內(nèi)塊元素，元素既本身內(nèi)聯(lián)元素的特性，也本身塊元素的特性

size設(shè)置中元素應(yīng)該不會(huì)被不顯示{控制元素的顯示與追蹤}

display特性

塊級(jí)元素與行級(jí)元素的轉(zhuǎn)變（block、inline）

操縱塊元素排到一行（inline-block）

控制元素的顯示和封印（none）

width怎么設(shè)置？

如果不是系統(tǒng)設(shè)置display:block，width屬性生效，只不過(guò)此時(shí)的span跟div一般了。要是設(shè)置中display:inline-block，則span分列在同行，但是width屬性未生效。元素display屬性的最常見(jiàn)的一種值說(shuō)明：

1）block：塊對(duì)象的默認(rèn)值。將對(duì)象滿作為塊對(duì)象呈遞，為對(duì)象之后去添加新行。

2）inline：內(nèi)聯(lián)對(duì)象的默認(rèn)值。將對(duì)象強(qiáng)制充當(dāng)內(nèi)聯(lián)對(duì)象呈遞，從對(duì)象中徹底刪除行。

3）inline-block：將對(duì)象遞呈為內(nèi)聯(lián)對(duì)象，但是對(duì)象的內(nèi)容才是塊對(duì)象轉(zhuǎn)呈。旁邊的內(nèi)聯(lián)對(duì)象會(huì)被遞呈在同一行內(nèi)。

4）non：隱藏對(duì)象。

html盒子居中方法？

1.利用margin與定位

求答：

系統(tǒng)設(shè)置margin不自動(dòng)適應(yīng)適應(yīng),然后再設(shè)置定位的上下左右都為0,就如四邊均衡受力使實(shí)現(xiàn)方法盒子的居中；

2.用來(lái)table-cell

詳細(xì)解析：

將父盒子系統(tǒng)設(shè)置為table-cell(能夠使元素呈單元格的樣式會(huì)顯示)，并設(shè)置text-align:center(使內(nèi)容水平居左)；vertical-align:middle(使內(nèi)容直角橫列)。子盒子可以設(shè)置為inline-block也可以使其內(nèi)容變?yōu)槲谋靖袷剑部煽梢栽O(shè)置寬高；此方法父級(jí)需系統(tǒng)設(shè)置更改高度和寬度，負(fù)責(zé)不能解除

3.利用flex彈性盒子

求答：

不使用彈性盒子的時(shí)候必須給父級(jí)設(shè)置里display:flex

在父元素上設(shè)置中水平j(luò)ustify-content:center與平行align-items:center方向上的排列即可

4.利用定位位移距離

求答：

用來(lái)定位將子級(jí)并且向左下方向并且#34驅(qū)除#34，使子級(jí)的左上角那一點(diǎn)相對(duì)于父級(jí)橫列，接著在用transform(對(duì)于自身的位移方向)接受反向小位移

5.依靠定位margin(寬高的一半)

求高人：

借用定位將盒子擠向右下方，再利用margin參與反向回推。

(原理和定位位移方向的方法有如一轍)