整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          網頁中常見的不定寬度的塊狀元素居中問題剖析

          工作項目中經常會遇到需要為“不定寬度的塊狀元素”設置居中,例如網頁上的分頁導航,因為分頁的數量是不確定的,所以我們不能通過設置固定的寬度來限死它。

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

          一、設置元素的display: inline 方法

          改變塊級元素的 display 為 inline 類型了,設置為行內元素顯示,再使用 text-align:center 來實現居中效果。

          案例展示:

          這種方法不用增加無語義標簽,但也存在著一些問題:比如設定長度值。

          二、加入 table 標簽

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

          如下:

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

          通過給父元素設置 float,然后給父元素設置 position:relative 和 left:50%,子元素設置 position:relative 和 left: -50% 來實現水平居中。

          案例:

          這三種方法各有優缺點,具體選用哪種方法,可以看自己的情況而定!

          ord 在錄入文字的同時,經常也需要引用一些 Excel 數據表或圖表。


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


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


          是否可以根據需要,只改變其中某一頁的頁面布局?


          案例:


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


          效果如下圖所示。


          解決方案:


          最初的 Word 文檔只有一頁,我們新增一頁,用于放置 Excel 數據表。


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


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


          2. 將 Excel 數據表復制粘貼到 Word 中的第二頁。


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


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


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


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


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


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


          按 Ctrl+P,Word 中的三頁的打印預覽效果分別如下。


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


          7. 點擊“打印”區域下方的“頁面設置”鏈接


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


          表格所在的頁面就設置好了。


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

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


          主站蜘蛛池模板: 中文字幕一区二区人妻| 91在线一区二区三区| 国产免费av一区二区三区| 成人免费一区二区三区在线观看| 亚洲变态另类一区二区三区| 精品国产福利在线观看一区| 爆乳熟妇一区二区三区| 日本欧洲视频一区| 成人在线观看一区| 99精品国产高清一区二区三区 | 国产一区二区久久久| 性色av无码免费一区二区三区| 无码日韩人妻AV一区免费l| 亚洲中文字幕无码一区| 亚洲中文字幕久久久一区| 亚洲国产精品一区二区三区久久| 久久国产精品视频一区| 色婷婷av一区二区三区仙踪林| 无码精品久久一区二区三区 | 精品亚洲A∨无码一区二区三区| 国产精品无码一区二区三区不卡 | 美女毛片一区二区三区四区| 精品国产一区二区三区香蕉事| 国产福利电影一区二区三区,免费久久久久久久精 | 一区二区三区内射美女毛片| 久久精品动漫一区二区三区| 日韩精品电影一区| 日本在线一区二区| 高清一区二区三区视频| 人妻久久久一区二区三区| 波多野结衣一区二区免费视频| 亚洲国产成人一区二区精品区| 日韩在线视频一区二区三区| 亚洲日本一区二区| 精品免费AV一区二区三区| 色狠狠色狠狠综合一区| 国产婷婷色一区二区三区| 麻豆va一区二区三区久久浪| 无码国产精品一区二区免费模式| 一区二区三区免费看| 久久蜜桃精品一区二区三区|