在文字前加上与文字居中的图标

载入中

第 1 幅 ( 点击查看原图 ) 在文字前加上与文字居中的图标文字文字

1. 用table来控制图片和文字居中对齐 (这样会因为一个小图片写多很多代码)
2. 使用图片的Align属性 设置为align="absmiddle" (但是要知道,标准的W3C中定义的img标签是不支持Align属性的)

以上的方法都不是解决问题最好的办法.后来我无意中发现可以用CSS来解决这个问题.一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数.例如我们把下面的16X15的图片设置它的style="margin-bottom:-3px" 这样文字和图片就居中了. 这个值随着图片的大小不同而改变,具体的大家测试一下就知道了.

第 2 幅 ( 点击查看原图 ) 在文字前加上与文字居中的图标文字文字

原文：http://www.pjhome.net/article.asp?id=275

文章来源:YUZHE.NAME

 给文章部分内容增加权限[类似论坛购买贴][11-09]

 留言本仿论坛模板及部分功能[11-08]

 雨哲自定义表单系统 For SiteWeaver[11-07]

 在线支付模板管理[11-07]

 全站搜索 For SiteWeaver 通用[11-07]

 企业会员展示系统[11-07]