今天在學習查閱代碼的時候，發現了一個不認識的CSS代碼，於是進行學習。 效果圖 使圖片在對應的元素內以不同的方式進行垂直對齊 ...
今天在學習查閱代碼的時候，發現了一個不認識的CSS代碼，於是進行學習。
<html> <head> <style type="text/css"> img.top { vertical-align:text-top; } img.bottom { vertical-align:text-bottom; } img.middle { vertical-align:middle; } </style> </head> <body> <p> 這是一幅<img class="top" border="0" src="/i/eg_cute.gif" />位於段落中的圖像。 </p> <p> 這是一幅<img class="bottom" border="0" src="/i/eg_cute.gif" />位於段落中的圖像。 </p> <p> 這是一幅<img class="middle" border="0" src="/i/eg_cute.gif" />位於段落中的圖像。 </p> </body> </html>
效果圖
使圖片在對應的元素內以不同的方式進行垂直對齊
