在瀏覽網頁時，經常看到一些段落他是垂直對齊的，今天這篇文章就和大家講講如何用CSS設置段落的垂直對齊，有需要的朋友可以參考一下，希望對你有所幫助。

CSS中通過屬性vertical-align來設置段落的垂直對齊方式。

注意，對于文字本身而言，該屬性對于塊級元素并不起作用，例如

和

等標記，但是，對于表格而言，這個屬性十分的重要。

垂直對齊

	垂直對齊方式，top
	垂直對齊方式，bottom
	垂直對齊方式，middle

如上代碼，建立了一個3行2列的表格，其中左側一列均為圖片，起到了將單元格的高度加大的作用，同時也作為對比。

右側的一列為文字，分別采用了頂端對齊、底端對齊和中間對齊的方式，對應的CSS的值分別為top、bottom和middle。

如果，對vertical-align屬性設置了具體的數值，對于文字本身，則可以在垂直方向上發生位移。

垂直對齊

給對齊屬性設置具體數值，正數

給對齊屬性設置具體數值，負數

如上代碼，當屬性值為正數時，文字將向上移動相應的數值，設置為負數時則向下移動。

此外，vertical屬性還有很多其他值，不過主要是適用于圖片。

總結

以上是生活随笔為你收集整理的html如何将段落对齐,如何用CSS设置段落的垂直对齐（附代码）的全部內容，希望文章能夠幫你解決所遇到的問題。

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