White space rendered but not written_问答_开发者

开发者 https://www.devze.com 2023-03-03 08:27 出处：网络

I got code: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">

相关专题：css

I got code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<style type="text/css">
* {padding: 0px;margin: 0px;}
body {width:100%}
img.logo{width:80%;margin-left:10%;margin-right:10%;}
div.down{width:80%;margin-left:10%;margin-right:10%;}
.bar{width:10%; height:100%; float:left}
.cent{width:80%; float:left}
</style>

<body>
<img class="logo" src="logo.gif"/>
<div class="down">
<img class="bar" src="bar.jpg"/>
<div class="cent">lol</div>
<img class="bar" src="bar.jpg"/>
</div>

</body>

</html>

However betw开发者_运维知识库een logo and down div I got white space. And here's my question: How did it get there? (my images are without white borders)

The thing is that your image is an inline element, if you want to hide the space add a display:block statement to it, also this is something that is affected by the display mode of the browser

http://www.quirksmode.org/css/modes/imgdisplay_quirks.html

Add display:block to your img:

img.logo { width:80%; margin-left:10%; margin-right:10%; display: block; }

White space rendered but not written

精彩评论

关注公众号

热门标签

图文推荐

White space rendered but not written

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：