網(wǎng)頁中常見的不定寬度的塊狀元素居中問題剖析

工作項目中經(jīng)常會遇到需要為“不定寬度的塊狀元素”設(shè)置居中，例如網(wǎng)頁上的分頁導(dǎo)航，因為分頁的數(shù)量是不確定的，所以我們不能通過設(shè)置固定的寬度來限死它。

下面就來說說要如何居中不定寬度的塊狀元素

一、設(shè)置元素的display: inline 方法

改變塊級元素的 display 為 inline 類型了，設(shè)置為行內(nèi)元素顯示，再使用 text-align:center 來實現(xiàn)居中效果。

案例展示：

這種方法不用增加無語義標簽，但也存在著一些問題：比如設(shè)定長度值。

二、加入 table 標簽

給設(shè)置居中的元素外面加入一個 table 標簽，然后給這個 table 設(shè)置“左右 margin 居中”

如下：

三、設(shè)置 position:relative 和 left:50%：利用相對定位的方式居中

通過給父元素設(shè)置 float，然后給父元素設(shè)置 position:relative 和 left:50%，子元素設(shè)置 position:relative 和 left: -50% 來實現(xiàn)水平居中。

案例：

這三種方法各有優(yōu)缺點，具體選用哪種方法，可以看自己的情況而定！

ord 在錄入文字的同時，經(jīng)常也需要引用一些 Excel 數(shù)據(jù)表或圖表。

默認情況下，Word 頁面是縱向布局的，如果需要放置的表格列較少問題不大，列數(shù)太多就容易超出頁面寬度。

很多同學想到了：可以將頁面布局設(shè)置為橫向，就有足夠的寬度可以完整顯示表格，但是這樣一來，所有的 Word 頁面都變成橫向了，不僅影響美觀，還有可能破壞了原先的排版布局。

是否可以根據(jù)需要，只改變其中某一頁的頁面布局？

案例：

Word 文檔中需要引用一個 Excel 數(shù)據(jù)表，由于表格比較寬，會因為超出頁面寬度而無法完整顯示。請將表格所在的這一頁設(shè)置為橫向布局，其他頁仍保持縱向布局。

效果如下圖所示。

最初的 Word 文檔只有一頁，我們新增一頁，用于放置 Excel 數(shù)據(jù)表。

1. 選中頁面的底部 --> 選擇菜單欄的“插入”-->“分頁”

此時就新增了一頁空白頁面。

2. 將 Excel 數(shù)據(jù)表復(fù)制粘貼到 Word 中的第二頁。

但是表格太寬了，超出了 Word 頁面寬度，為了讓表格完整顯示，第二頁的布局應(yīng)該設(shè)置為橫向；與此同時，卻又不想破壞整個 Word 文檔的頁面布局，其他頁還是希望能正常縱向顯示，這正是今天要解決的問題。

3. 選中第一頁的頁末 --> 選擇菜單欄的“布局”-->“分隔符”-->選擇“分節(jié)符”區(qū)域的“下一頁”

4. 選中第二頁的頁末 --> 選擇菜單欄的“布局”-->“分隔符”-->“下一頁”

5. 選中表格所在的頁面 --> 選擇菜單欄的“布局”-->“紙張方向”-->“橫向”

現(xiàn)在第二頁變成了橫向布局，而其他頁完全沒受影響，仍然縱向顯示，這正是我們想要的效果。

6. 點擊表格左上角的“田”字符號選中整個表格 --> 選擇菜單欄的“開始”-->“居中”

按 Ctrl+P，Word 中的三頁的打印預(yù)覽效果分別如下。

從打印預(yù)覽效果來看，雖然我們剛才已經(jīng)將表格設(shè)置為在頁面中居中，但兩邊距離仍然不等，所以還要再設(shè)置一下頁邊距。

7. 點擊“打印”區(qū)域下方的“頁面設(shè)置”鏈接

8. 在彈出的對話框中選擇“頁邊距”選項卡 --> 將左右邊距設(shè)置為一樣 --> 點擊“確定”

表格所在的頁面就設(shè)置好了。

很多同學會覺得 Excel 單個案例講解有些碎片化，初學者未必能完全理解和掌握。不少同學都希望有一套完整的圖文教學，從最基礎(chǔ)的概念開始，一步步由簡入繁、從入門到精通，系統(tǒng)化地講解 Excel 的各個知識點。

現(xiàn)在終于有了，以下專欄，從最基礎(chǔ)的操作和概念講起，用生動、有趣的案例帶大家逐一掌握 Excel 的操作技巧、快捷鍵大全、函數(shù)公式、數(shù)據(jù)透視表、圖表、打印技巧等……學完全本，你也能成為 Excel 高手。

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。