HTML 水平置中與垂直置中 - Wibibi

在做網頁設計的時候常常會用到置中的技巧，無論是文字或圖片，總是會有這樣的需求來配合排版（如果你想採用CSS 的DIV 來做排版，可以參考此篇：CSS DIV 置中）， ... 首頁 HTML HTML5 PHP MySQL CSS CSS3 JavaScript 軟體介紹 其它 Home › HTML › HTML水平置中與垂直置中 HTML水平置中與垂直置中 在做網頁設計的時候常常會用到置中的技巧，無論是文字或圖片，總是會有這樣的需求來配合排版（如果你想採用CSS的DIV來做排版，可以參考此篇：CSSDIV置中），此篇文章將HTML置中技巧分為水平與垂直兩種不同的方向來做範例。

一、HTML水平置中　HTML水平置中呈現結果如HTML水平置中你可以看到在HTMLtable中，我們設定了td標籤align="center"代表的就是td內的東西需要水平置中，在某些瀏覽器上甚至連垂直都幫你置中完成，但為了避免某些瀏覽器僅有水平置中，垂直方向靠上或靠下的情況發生，最好加上valign來處理垂直方向。

二、HTML垂直置中　HTML水平置中呈現結果如HTML水平置中範例二中，我們除了align="center"之外，還加上了valign="center"來宣告垂直方向也必須置中。

延伸閱讀HTMLtable表格CSSDIV置中CSSvertical-align屬性 您可能會想看 HTMLdiv標籤 設計HTML圖片與圖片邊框間的距離 DIV區塊內文字與邊框的距離調整 HTMLTABLE表格內的文字行高 DIV區塊內的文字行高設計 替HTMLbutton按鈕增加背景圖片 HTMLimgtitle與imgalt的差別 用CSS設計HTML表格欄位內文字靠下對齊 用CSS設計HTML表格欄位內文字靠上對齊 HTMLTablecolspan屬性 今日熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 即時熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 ©Copyrightwibibi.com網頁設計教學百科基礎的網頁設計規劃、資料庫與程式設計Since2012