文章目錄

• 前言
• 一、align 與 valign 的對齊方式與取值
• 二、常見應用區分整理
• • 2.1、H5 頁面設計的取值
  • 2.2、表格標題的取值
  • 2.3、表格屬性的取值
• 總結

---

前言

不知道大家在學習 H5 的時候，有沒有疑惑過，對于 align 和 valign 兩種對齊方式在不同的情境下往往會有不同的取值，所表示的意思也都不盡一樣。下面我就簡單做一個小結，將我在學習 H5 過程中曾經疑惑過的幾條做一個總結。

---

一、align 與 valign 的對齊方式與取值

align 設置水平對齊方式，取值：left、center、right
valign 設置垂直對齊方式，取值：bottom、middle、top

二、常見應用區分整理

對于下面不同情況的不同取值我將持續更新，也積極歡迎大家進行補充。

2.1、H5 頁面設計的取值

在 H5 頁面設計時 ，圖片標記的對齊方式 align 取值為 top、bottom、middle、left、right 五個值。

具體取值情況如下圖所示：

2.2、表格標題的取值

在設計表格標題時，<caption>標記對齊屬性為 align 和 valign 兩個值，但是 valign 取值只有 top（默認）和 bottom 兩個值。

具體取值情況如下如所示：

2.3、表格屬性的取值

在設計表格<tr>屬性時，valign 取值則可取三個值，默認是 middle，即垂直居中對齊。align 此時默認取值是 left，即左對齊。

---

總結

本文是對 H5 中對齊方式的一個小結，在不同的情境下往往取值會有不同的效果，我會不斷補充我開發中所遇到的，也歡迎大家前來積極補充。

---

我是白鹿，一個不懈奮斗的程序猿。望本文能對你有所裨益，歡迎大家的一鍵三連！若有其他問題、建議或者補充可以留言在文章下方，感謝大家的支持！

總結

以上是生活随笔為你收集整理的在前端网页设计中 align 和 valign 两种对齐方式的不同取值区分（持续补充）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。