align属性规定图像周围元素(文本文字等)的对齐方式。HTML4已废弃该属性,HTML5不支持该属性。请使用css代替。至于能显示是有些浏览器在不支持的情况下会使用更低的HTML版本来显示。
<h2>默认对齐的图片 (align="bottom"):</h2> 文本文字<img src="/Template/Test/img/logo.png" ></br> <h2>对齐方式:align="middle"</h2> 文本文字<img src="/Template/Test/img/logo.png" align="middle"></br> <h2>对齐方式:align="top"</h2> 文本文字<img src="/Template/Test/img/logo.png" align="top"></br> <h2>对齐方式:align="right"</h2> 文本文字<img src="/Template/Test/img/logo.png" align="right"></br></br> <h2>对齐方式:align="left"</h2> 文本文字<img src="/Template/Test/img/logo.png" align="left"></br></br> <h3>在HTML 4中 align 属性已废弃,HTML5 已不支持该属性,可以使用 CSS 代替,以下是css效果方法</h3> 文本文字<img src="/Template/Test/img/logo.png" style="vertical-align:bottom"></br> 文本文字<img src="/Template/Test/img/logo.png" style="vertical-align:middle"></br> 文本文字<img src="/Template/Test/img/logo.png" style="vertical-align:top"></br> 文本文字<img src="/Template/Test/img/logo.png" style="float:right;"></br></br></br></br></br> 文本文字<img src="/Template/Test/img/logo.png" style="float:left;"></br>
<img align="对齐的方向">
align属性值 | 描述 |
---|---|
left | 把图像对齐到左边。 |
right | 把图像对齐到右边。 |
middle | 把图像与中央对齐。 |
top | 把图像与顶部对齐。 |
bottom | 把图像与底部对齐。 |