色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css td 內(nèi)容垂直居中

林玟書2年前7瀏覽0評論
p標(biāo)簽不能直接使用代碼,因此代碼部分我使用了code標(biāo)簽。
CSS中通過vertical-align屬性可以設(shè)置一個元素的垂直對齊方式。在表格中,我們可以用這個屬性來設(shè)置td元素中內(nèi)容的垂直對齊方式。
常見的垂直對齊方式有以下幾種:
top:將內(nèi)容置于單元格的頂部
middle:將內(nèi)容垂直居中
bottom:將內(nèi)容置于單元格的底部
text-top:將內(nèi)容置于文本基線以上
text-bottom:將內(nèi)容置于文本基線以下
假如我們有一個表格:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus.
我們可以通過CSS來將其中的內(nèi)容垂直居中: td{ vertical-align: middle; } 這樣,Lorem ipsum dolor sit amet, consectetur adipiscing elit. 和 Sed non risus. 就都被垂直居中了。 需要注意的是,只有在td元素中設(shè)置vertical-align才能生效。如果你直接在tr元素或表格元素上設(shè)置vertical-align是沒有效果的。 除此之外,還有一些其他的技巧可以將內(nèi)容垂直居中,比如用padding、absolute等。 以上就是關(guān)于CSS中如何將td元素內(nèi)的內(nèi)容垂直居中的介紹,希望能對大家有所幫助。