flex布局怎么讓盒子垂直水平居中？
這里有兩種形式，一種是元素寬度和高度固定的情況，一種是元素寬度和高度不固定的情況。
在元素寬度和高度不變的情況下
A.絕對(duì)定位負(fù)邊距
使用絕對(duì)定位絕對(duì)和邊距來(lái)完成元素居中，具體例子如下:
給父元素加上相對(duì)定位，給子元素加上絕對(duì)定位，用margin的負(fù)子元素的一半寬度和高度來(lái)實(shí)現(xiàn)元素的居中，這種方法不常用。
優(yōu)點(diǎn):簡(jiǎn)單易懂，兼容性好。
缺點(diǎn):需要給出定子元件的寬度和高度。
B.絕對(duì)定位margin:汽車
使用絕對(duì)定位和margin:auto自動(dòng)對(duì)中方法對(duì)元素進(jìn)行對(duì)中。例子如下:
像上面的例子一樣給父元素添加相對(duì)定位，給子元素添加絕對(duì)定位，并將元素的左、右、上、下位置設(shè)置為零，然后使用自動(dòng)居中方法margin:自動(dòng)完成元素的垂直和水平居中。這種方法很常用。
優(yōu)點(diǎn):簡(jiǎn)單易懂，兼容性好。
缺點(diǎn):代碼量大，占用內(nèi)存
利用css的tabl:0auto來(lái)完成元素的垂直和水平居中，這是不常用的。
優(yōu)點(diǎn):兼容性好。
缺點(diǎn):出來(lái)的太早，現(xiàn)在不流行。
使用2d位移將元素置中。例子如下:
只需操作子元素，給子元素添加transform屬性，使用2ddisplacementtranslate將父元素的寬度和高度分別向左和向右移動(dòng)，完成元素的垂直和水平對(duì)齊。這種方法不常用。
優(yōu)點(diǎn):代碼簡(jiǎn)單。
缺點(diǎn):必須給出定子元件的寬度和高度，否則無(wú)法完成元件對(duì)中。
在不確定元素寬度和高度的情況下
行高
為元素設(shè)置line-right，即line-height，完成元素的居中。具體例子如下:
我們?cè)O(shè)置子元素的行高來(lái)完成元素的垂直居中，然后使用text-align方法來(lái)完成水平居中，這是最簡(jiǎn)單的方法，也是我們經(jīng)常使用的方法。
優(yōu)點(diǎn):編寫簡(jiǎn)單，兼容性好。
缺點(diǎn):只適合單行文字的居中，不適合多行文字。
B.絕對(duì)定位加平移
我們以前說(shuō)過(guò)一個(gè)元素通過(guò)平移來(lái)完成垂直和水平對(duì)中，這里對(duì)這種方法做了進(jìn)一步改進(jìn)，即可以在不設(shè)置寬度和高度的情況下實(shí)現(xiàn)元素的垂直和水平對(duì)中，并完成元素通過(guò)平移和絕對(duì)定位來(lái)實(shí)現(xiàn)。例子如下:
在這里，不同的是我們可以在translate中直接使用百分比來(lái)完成位移，從而實(shí)現(xiàn)元素的垂直和水平居中。這種方法很常用(但我不不要經(jīng)常用。
優(yōu)點(diǎn):代碼簡(jiǎn)單，兼容性好。
缺點(diǎn):無(wú)
c.柔性
Flex形成一個(gè)有彈性的盒子。我們可以用彈性盒子做很多事情，其中最重要的是布局。當(dāng)然，我們贏了。;這里就不贅述了。讓讓我們來(lái)討論一下如何讓一個(gè)元素垂直和水平居中。例子如下:
我們讓父元素形成一個(gè)彈性框，然后設(shè)置主軸對(duì)齊居中，邊軸對(duì)齊居中，完成元素的垂直和水平居中。這種方法經(jīng)常被使用。
優(yōu)點(diǎn):代碼簡(jiǎn)單易懂。
缺點(diǎn):PC端兼容性不好
d.fl:auto
這個(gè)方法與上面的不同之處在于，這里沒(méi)有使用彈性框中的屬性，而是元素直接與margin對(duì)齊。示例如下:
讓父元素形成一個(gè)彈性框，然后給子元素添加Margin:auto，完成元素的縱橫居中。這種方法也是常用的。
docx文檔怎么垂直居中？
方法/步驟
方法一:在word文檔中，選中所有單詞，然后選擇工具欄中的居中按鈕。
點(diǎn)擊頁(yè)面布局，選擇頁(yè)面設(shè)置進(jìn)入，然后點(diǎn)擊布局設(shè)置頁(yè)面垂直對(duì)齊居中，再點(diǎn)擊確定。
方法2:單擊插入，選擇一個(gè)文本框，然后單擊繪制文本框，繪制一個(gè)水平文本框。
輸入文本，單擊“對(duì)齊文本”，選擇“居中對(duì)齊”，然后手動(dòng)將文本框拖到適當(dāng)?shù)奈恢谩?/p>