图片文字绝对居中,并排显示
2013-01-24 14:09
218 查看
我们在做网页的时候, 会遇到一个图片和文字位置对不齐的问题.
虽然解决的办法有很多.比如.
用table来控制图片和文字居中对齐 (这样会因为一个小图片写多很多代码)
使用图片的Align属性 设置为align="absmiddle" (但是要知道,标准的W3C中定义的img标签是不支持Align属性的)
以上的方法都不是解决问题最好的办法.后来无意中发现可以用CSS来解决这个问题.
一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数.例如我们把下面的16X15的图片设置它的style="margin-bottom:-3px" 这样文字和图片就居中了. 这个值随着图片的大小不同而改变,具体的大家测试一下就知道了.
虽然解决的办法有很多.比如.
用table来控制图片和文字居中对齐 (这样会因为一个小图片写多很多代码)
使用图片的Align属性 设置为align="absmiddle" (但是要知道,标准的W3C中定义的img标签是不支持Align属性的)
以上的方法都不是解决问题最好的办法.后来无意中发现可以用CSS来解决这个问题.
一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数.例如我们把下面的16X15的图片设置它的style="margin-bottom:-3px" 这样文字和图片就居中了. 这个值随着图片的大小不同而改变,具体的大家测试一下就知道了.
相关文章推荐
- 图片文字绝对居中,并排显示
- jquery单击文字或图片内容放大并居中显示
- iOS 开发中tabBarItem不显示文字,只显示图片,且图片居中显示
- 简单css实现图片和文字的居中显示,IE下有效
- 重写button实现文字图片居中显示
- 如何使带背景图片的Button按钮中的文字居中偏上显示
- Android自定义TextView实现文字图片居中显示
- 如何使带背景图片的Button按钮中的文字居中偏上显示
- ios 开发中,如何设置 uitabbar 里面 tabbaritem 不显示文字,只显示图片,图片垂直居中?
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- IMG图片和文字同一行显示,图片和文字居中显示
- 自定义按钮,是图片和文字水平居中显示
- RadioGroup没有文字只显示图片,图片居中问题
- 多行文字垂直居中显示,图片居中
- 图片与文字并排显示的导航
- Android自定义TextView实现文字图片居中显示的方法
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- 图片右侧文字垂直居中显示
- Button 左边图片右边文字居中显示样式
- Delphi DBGridEh 嵌入图片,显示文字,且上下左右居中