欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

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

p標(biāo)簽不能直接使用代碼,因此代碼部分我使用了code標(biāo)簽。
CSS中通過(guò)vertical-align屬性可以設(shè)置一個(gè)元素的垂直對(duì)齊方式。在表格中,我們可以用這個(gè)屬性來(lái)設(shè)置td元素中內(nèi)容的垂直對(duì)齊方式。
常見(jiàn)的垂直對(duì)齊方式有以下幾種:
top:將內(nèi)容置于單元格的頂部
middle:將內(nèi)容垂直居中
bottom:將內(nèi)容置于單元格的底部
text-top:將內(nèi)容置于文本基線(xiàn)以上
text-bottom:將內(nèi)容置于文本基線(xiàn)以下
假如我們有一個(gè)表格:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non risus.
我們可以通過(guò)CSS來(lái)將其中的內(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是沒(méi)有效果的。 除此之外,還有一些其他的技巧可以將內(nèi)容垂直居中,比如用padding、absolute等。 以上就是關(guān)于CSS中如何將td元素內(nèi)的內(nèi)容垂直居中的介紹,希望能對(duì)大家有所幫助。