How to remove the margin between two images?_问答_开发者

How to remove the margin between two images?

开发者 https://www.devze.com 2022-12-09 23:11 出处：网络

I\'ve tried to set the margin and border to 0,but still not working. <style type=\"text/css\"> img {margin:0;}

相关专题：css

I've tried to set the margin and border to 0,but still not working.

<style type="text/css">
img {margin:0;}
</style>
<body>

<img src="/static/btnN开发者_开发技巧ext.gif" border="0" />
<img src="/static/btnSave.gif" border="0" />

How to make two images stay close to each other?

You can eliminate the css for the image and put the image tags on the same line with no space.

<img src="/static/btnNext.gif" border="0" /><img src="/static/btnSave.gif" border="0" />

Comment-out the line break between them.

   <img src="/static/btnNext.gif" border="0" /><!--
--><img src="/static/btnSave.gif" border="0" />

Why? HTML allows as many spaces (both breaking and non) for code formatting, but only displays the first. In your case, the images being on different lines is being interpreted as a space between them. The simplest solution is to put them both on one line, but that isn't as readable.

<style type="text/css">
img {margin:0; float: left;}
</style>

I just had this problem, but couldn't find an answer to my problem, first i don't want my images to float left; second, using diplay:block is not a good idea because i want them in-line, also display:block in-line makes doesn't work.

The SOLUTION is quite easy, take out the "enter" and put your images in the same line. I explain:

WRONG

<img src="flower1.jpg"/>
<img src="flower1.jpg"/>
<img src="flower1.jpg"/>

<img src="flower1.jpg"/><img src="flower1.jpg"/><img src="flower1.jpg"/>

So hope it helps.

this css should stick the images close to eachother without any space, linebreaks or borders between the images...

<style type="text/css">
img {margin:0px; padding: 0px; float: left;border:0px}
</style>

I would suggest to put each image in a individual div having style float:left. These 2 divs should be enclosed within a parent div which itself is float: left like,

<div style="float:left">
<div style="float:left">
<img src="/static/btnNext.gif" border="0" />
</div>
<div style="float:left">
<img src="/static/btnSave.gif" border="0" />
</div>
</div>

Remove spaces between img tags and use css vertical-align:top

HTML:

<img src='http://i.imgur.com/wipljF1.png'/>NoSpaces<img src='http://i.imgur.com/wipljF1.png' class='playerpreviewbig'/>NoSpaces<img src='http://i.imgur.com/wipljF1.png' class='playerpreviewbig'/>

CSS:

img {
width: 50px;
height: 50px;
padding: 0;
margin: 0;
vertical-align:top;
}

How to remove the margin between two images?

精彩评论

关注公众号

热门标签

图文推荐

How to remove the margin between two images?

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：