HTML、CSS笔记（一）

垂直对齐图像文字

vertical-align:text-top;　　图像的顶部与同一行中最高的图像或文本的顶部对齐

<img src="images/cake01.jpg" style="vertical-align:text-top;">

 

vertical-align:text-bottom;　　图像的底部与文本的底部对齐

<img src="images/cake02jpg" style="vertical-align:text-bottom;">

vertical-align:middle;　　图像的中心与同一行中其他内容的中心对齐

<img src="images/cake03jpg" style="vertical-align:middle;">

vertical-align:baseline;　　像的底部与文本的基线对齐

<img src="images/cake04.jpg" style="vertical-align:baseline;">