Maison > interface Web > tutoriel HTML > 页面img有间隔的问题_html/css_WEB-ITnose

页面img有间隔的问题_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:18:09
original
1359 Les gens l'ont consulté

    


    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    页面img有间隔的问题_html/css_WEB-ITnose
    


这些img它自动给我空出格子来了 我没设置它的padding和margin它貌似原来就有 如何进行消除?
下面设置它的padding和margin为0 和边框为0没效果   如何去掉它原来的空格??

#main_div_log02{width:960px;height:186px;margin-top:5px;}
#main_div_log02 img{padding:0;margin:0;border:0;}

回复讨论(解决方案)

是不是图片的问题啊 给图片哥宽和高试试

用firebug看看有没有继承别的设置,应该是优先级的问题

你在#main_div_log02 img{padding:0;margin:0;border:0;}中加入这么一句float:left;改成#main_div_log02 img{padding:0;margin:0;border:0;float:left;},这样的话图片之间的间隔就没了!

如果不想浮动,可以把img写在一行,就是不要回车。

页面img有间隔的问题_html/css_WEB-ITnose之间不要有回车空格之类的

页面img有间隔的问题_html/css_WEB-ITnose之间不要有回车空格之类的
晕死!在代码中回车换行是没用的!

如果不想浮动,可以把img写在一行,就是不要回车。
你试过没有啊!别瞎说啊,放在一行跟放在几行有啥区别啊!没用的!

页面img有间隔的问题_html/css_WEB-ITnose中加不加回车全部写到一行是有用的。

LZ的态度有问题,我这么说肯定有一定的原因的,

我记得以前就遇到过类似的问题,后来写在一行就好了。

LZ你是来请求别人帮你解决问题的,你没试过怎么知道不行,想当然的以为不行。

那你还来问什么????

如果你试过的,对于你的问题我说的方法不行,你可以说出来,但不能用这种语气吧!

LZ先回去学学怎么做人吧!

引用 4 楼 danica7773 的回复:
如果不想浮动,可以把img写在一行,就是不要回车。

你试过没有啊!别瞎说啊,放在一行跟放在几行有啥区别啊!没用的!
别人回帖就算不对也不用这样口气吧

给img的样式加上border看看
一般会在样式表最开始加img{padding:0;margin:0;border:0;},然后需要加这些的时候再另外设置。

汗列。。。  #9楼的。  那回帖的不是我。。。  我态度没问题。
自己解决了。 还是谢谢你们了。
放在ul li里面并且必须定义li的宽高。参考了下迅雷看看的css

 

确实,现在这个问题还存在,火狐下有差不多3个像素的空格,但是IE7、8下却没有。
这个是因为div和img配合的时候有间隔。

解决这个问题,只要这样写

#main_div_log02{width:960px;height:186px;margin-top:5px;}
#main_div_log02 img{padding:0;margin:0;border:0; display:block;}

确实是这样,试了一下,解决了!谢谢!
你在#main_div_log02 img{padding:0;margin:0;border:0;}中加入这么一句float:left;改成#main_div_log02 img{padding:0;margin:0;border:0;float:left;},这样的话图片之间的间隔就没了!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal