css图片定位最基础方案,将图片的底边与文本的底部对齐:

首先你应该按照如下格式编写CSS样式文件的类(class):

.imgwuyunlong {vertical-align:text-bottom;}

然后将该类应用到你要对齐的图片的属性上,例如(注意黑体部分):

<img src="images/tofu.gif" width="90" height="14" border="0" class="imgwuyunlong" alt="wuyunlong">

这样就可以将图片底部与文本底部对齐。该方法的核心是以该行的文本最为基准,然后调整图片的 CSS 样式,使之配合文本实现需要的对齐方式。

其它图片位置 CSS 举例:



[Ctrl+A 全部选择] 提示:你可先修改部分代码,再按运行