用css实现图片与文字底边对齐[转帖]
2010-11-22 09:47
1126 查看
通常图片与文字放在一起的时候图片往往会偏上,通过设置margin-bottom可以达到文字图片底边对齐的目的
我们在做网页的时候, 会遇到一个图片和文字位置对不齐的问题.(一般表现在图片总是比文字高点)
解决问题最好的办法:.一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数.例如我们把下面的16X15的图片设置它的
<img src="bottom.gif" style="margin-bottom:-3px">
或者在样式里面设置
img {
margin-bottom:-3px;
}
这样文字和图片就居中了. 这个值随着图片的大小不同而改变,具体的大家测试一下就知道了.
转自:http://www.dayanmei.com/blog.php/ID_712.htm
我们在做网页的时候, 会遇到一个图片和文字位置对不齐的问题.(一般表现在图片总是比文字高点)
解决问题最好的办法:.一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数.例如我们把下面的16X15的图片设置它的
<img src="bottom.gif" style="margin-bottom:-3px">
或者在样式里面设置
img {
margin-bottom:-3px;
}
这样文字和图片就居中了. 这个值随着图片的大小不同而改变,具体的大家测试一下就知道了.
转自:http://www.dayanmei.com/blog.php/ID_712.htm
相关文章推荐
- css实现图片与文字底边对齐
- css实现图片与文字底边对齐
- 用CSS实现ul标签中图片与文字底边对齐及自适应高度
- CSS实现图片文字对齐
- CSS 实现文字、图片垂直对齐(vertical-align)
- CSS实现同一行的图片和文字垂直居中对齐的方法
- CSS 文字与图片水平与垂直对齐
- HTML+CSS实现图片下半部分遮罩文字效果(仿微信推送信息的图片文字效果)
- DIV+CSS解决图片文字对齐的问题
- CSS解决文字与图片不能水平居中对齐的问题
- css实现在图片上显示文字
- 怎样用CSS来实现网页文字的两边对齐
- css 如何让文字和图片对齐
- CSS 如何实现文字两端对齐
- 利用css的clear属性实现文字环绕图片效果
- 用 CSS 实现图片替换文字(Image replacement)
- css 实现单行文字两端对齐
- css 图片与文字对齐
- css控制图片与文字对齐
- css控制图片与文字对齐