vertical align各個屬性總結

2021-06-25 22:08:53 字數 329 閱讀 9285

vertical-align: 

baseline:預設值,字母abcd的底部

text-bottom;文字底部,大概會和字母g的底部

middle:整體的中部

top:整個容器的頂部

bottom:整個容器的底部

super:上標的位置

sub:下標的位置,會比textbottom低一點(super 比text-top 低一點,原因不清楚)

數值:相對於baseline的高度,可以是負值,(經常用以修復 checkbox radio 與文字不對其問題,負值向下,正值向上)

我是在測試 水平居中問題abcdefg

vertical align 樣式理解

文章參考 適用於 行內元素和單元格 table cell 元素 個人理解應用範圍 1 和 文字混排,使用vertical align屬性來定位 2 在table標籤中的td種使用vertical align屬性來定位 可以使用display table cell,注意該標籤父div一定是displa...

解析vertical align屬性

vertical align 該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是公升高。在表單元格中,這個屬性會設定單元格框中的單元格內容的對齊方式。即 1.只對行內元素起作用 若屬性中有display inline block 或float...

再次認識 vertical align

css中的基礎知識,上次在刷 segmentfault 遇見了乙個相關的問題有再次看過 vertical align 的描述。今天自己也遇見乙個類似的問題,再次深入學習一下。vertical align 用來指定行內元素 inline 或 單元格 table cell 元素的垂直對齊方式。無論當初起...