主页
CSS
CSS 文本对齐
trycss_vertical-align
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> img.top { vertical-align: top; } img.middle { vertical-align: middle; } img.bottom { vertical-align: bottom; } </style> </head> <body> <p>An <img src="/demo/images/sqorange.gif" alt="W3Schools" width="270" height="50"> 具有默认对齐方式的图像。</p><br> <p>An <img class="top" src="/demo/images/sqorange.gif" alt="W3Schools" width="270" height="50"> 顶部对齐的图像。</p><br> <p>An <img class="middle" src="/demo/images/sqorange.gif" alt="W3Schools" width="270" height="50"> 中间对齐的图像。</p><br> <p>An <img class="bottom" src="/demo/images/sqorange.gif" alt="W3Schools" width="270" height="50"> 底部对齐的图像。</p> </body> </html>