博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片设置解决CSS下img图片多余空白或者是表格中有空隙Bug的方案
阅读量:5915 次
发布时间:2019-06-19

本文共 1140 字,大约阅读时间需要 3 分钟。

本篇文章是一篇关于图片设置的帖子

    在行进页面的DIV+CSS排版时,碰到IE6(当然时有Firefox下也会偶遇)浏览器中的图片素元img下涌现余多空白的题问绝对是罕见的对于该题问的决解方法也是“事行机见”。

    1、将图片转换为块级象对

    设置img为“display:block;”。在本例中添加一组CSS码代:“#sub img {display:block;}”。

    (PS,我碰到的题问就是用这个方法决解的。我把a img {display:block;}这样定义好后,A属性的高度就不会比预感的高了。注意不要定义 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、消取图片标签和其父象对的最后一个结束标签之间的空格

    这个方法要强调下,在现实发开中该方法可能会出乱子,因为在写码代的时候为了让码代更体现语义和层次清晰,不免要通过IDE供给码代进缩表现,这必然会让标签和其他标签换行表现,比如说DW的“套用源格式”令命。所以说这个方法可以供我们解了涌现BUG的一种情况,体具决解方案的还得各位见招拆招了。

文章结束给大家分享下程序员的一些笑话语录: 爱情观

  爱情就是死循环,一旦执行就陷进去了。
  爱上一个人,就是内存泄露--你永远释放不了。
  真正爱上一个人的时候,那就是常量限定,永远不会改变。
  女朋友就是私有变量,只有我这个类才能调用。
  情人就是指针用的时候一定要注意,要不然就带来巨大的灾难。

转载地址:http://tbgpx.baihongyu.com/

你可能感兴趣的文章
将 Measurements 和 Units 应用到物理学
查看>>
如何确定所运行的 SQL Server 2005 的版本?
查看>>
我的友情链接
查看>>
自动化安装Mysql5.6-脚本实现
查看>>
分布式事务:不过是在一致性、吞吐量和复杂度之间,做一个选择
查看>>
【云图】如何设置支付宝里的家乐福全国连锁店地图?
查看>>
对于json_lib包的使用
查看>>
scala可变长度参数(二)
查看>>
老李分享:qtp自动化测试框架赏析-关键字自动化测试框架 2
查看>>
忙里偷闲 -- 工作随笔
查看>>
springboot报编译失败 Compilation failure
查看>>
mysqld error(一)
查看>>
Javascript延时函数
查看>>
UML类图关系大全
查看>>
Ant编译Hadoop 1.0.3的eclipse-plugin插件包
查看>>
tensorflow开发环境搭建
查看>>
JDBCRealm Http Digest
查看>>
CentOS 7 网络配置
查看>>
matplotlib 交互式导航
查看>>
eclipse的插件未安装成功
查看>>