国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

文字內(nèi)影像的垂直對(duì)齊

此範(fàn)例示範(fàn):

如何設(shè)定文字的垂直對(duì)齊影像。

實(shí)例解析:

vertical-align屬性設(shè)定一個(gè)元素的垂直對(duì)齊方式。

說(shuō)明:此vertical-align屬性定義行內(nèi)元素的基線相對(duì)於該元素所在行的基線的垂直對(duì)齊。允許指定負(fù)長(zhǎng)度值和百分比值。這會(huì)使元素降低而不是升高。在表格單元格中,這個(gè)屬性會(huì)設(shè)定單元格框中的儲(chǔ)存格內(nèi)容的對(duì)齊方式。

可以設(shè)定以下屬性值:

 ● baseline:預(yù)設(shè)值,元素放置在父元素的基線上。? ?

 ● sub:垂直對(duì)齊文字的下標(biāo)。

 ● super:垂直對(duì)準(zhǔn)文字的上標(biāo)? ?

 ● top:將元素的頂端與行中最高元素的頂端對(duì)齊? ?

## ● text-top:將元素的頂端與父元素字體的頂端對(duì)齊? ?

 ● middle:將此元素放置在父元素的中間元素。? ?

 ● bottom:將元素的底端與行中最低的元素的頂端對(duì)準(zhǔn)。? ?

 ● text-bottom:將元素的底端與父元素字體的底端對(duì)齊。? ?

 ● length:

 ● %:使用 "line-height" 屬性的百分比值來(lái)排列此元素。允許使用負(fù)值。? ?


繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <style> img.top {vertical-align:text-top;} img.bottom {vertical-align:text-bottom;} </style> </head> <body> <p>一個(gè)<img src="https://img.php.cn/upload/article/000/000/015/5c67d9134b166854.png" alt="w3cschool" width="150" height="50" />默認(rèn)對(duì)齊的圖像。</p> <p>一個(gè)<img class="top" src="https://img.php.cn/upload/article/000/000/015/5c67d9134b166854.png" alt="w3cschool" width="150" height="50" /> text-top 對(duì)齊的圖像。</p> <p>一個(gè)<img class="bottom" src="https://img.php.cn/upload/article/000/000/015/5c67d9134b166854.png" alt="w3cschool" width="150" height="50" /> text-bottom 對(duì)齊的圖像。</p> </body> </html>
提交重置程式碼