NEWS
如何解决image图片布局下边的多余空隙[专业建站]
新闻资讯编辑：【三行广州网站建设www.3gonet.com】 发布时间2011.5.10.浏览数：4008
1、将图片转换为块级对像
即，设置img为：
display:block;
在本例中添加一组CSS代码：
#sub img {display:block;}
2、设置图片的垂直对齐方式
即设置图片的vertical-align属性为「top，text-top，bottom，text-bottom」也可以解决。如本例中增加一组CSS代码：
#sub img {vertical-align:top;}
3、设置父对象的文字大小为0px
即，在#sub中添加一行：
font-size:0;
可以解决问题。但这也引发了新的问题，在父对像中的文字都无法显示。就算文字部分被子对像括起来，设置子对像文字大小依然可以显示，但在CSS效验的时候会提示文字过小的错误。
4、改变父对象的属性
如果父对象的宽、高固定，图片大小随父对像而定，那麽可以设置：
overflow:hidden;
来解决。如本例中可以向#sub中添加以下代码：
width:88px;height:31px;overflow:hidden;
5、设置图片的浮动属性
即在本例中增加一行CSS代码：
#sub img {float:left;}
如果要实现图文混排，这种方法是很好的选择。
6、取消图片标签和其父对象的最後一个结束标签之间的空格。
文章出处：标准之路(http://www.aa25.cn/div_css/821.shtml)
本文由广州网站建设公司-三行网络原创，转载请保留版权（ 广州网站建设www.3gonet.com ）三行网络——专注于企业网站建设、响应式营销型网站定制，欢迎来电咨询！热线：020-85628720 【微信：15989229398】
标签： image图片空隙
上一篇：优化网站结构设计让网站浏览更流畅 下一篇：深底色网站设计,赋予设计优雅的气质和创造力[专业建站]
- 做外贸网站_怎么选择外贸网站主机？
- 老外喜欢什么颜色的网站?
- 外贸网站值得推广的十大B2B外贸平台
- LED响应式外贸网站建设6大建议
- 响应式网站的前端设计：掌握关键的两点！
- 最新百度输入法PAD版/新增的中英混输功能
- 广州网站建设：网页设计有哪些绕不过去的点？
- 外贸SOHO做网站——如何做好外贸独立站？
- 网络推广大全记得看,你用过哪些推广方式?别漏了!
- 广州网站制作,响应式网站制作,外贸网站制作
- 深圳做网站,深圳建网站,深圳外贸网站建设
- 东莞做网站,东莞建网站,东莞外贸网站制作
- 广州网站建设,中英文网站制作,企业网站设计
- 外贸网站制作,做外贸网站多钱,外贸企业网站制作
- 外贸网站建设,多语言网站定制,中英文网站制作
974365087
