nan*_*ash 3 html css html5 image css-reset
我是CSS的新手,所以有一个简单的问题.
这是我的脚本=>
<!DOCTYPE html>
<html>
<head>
<title>Default</title>
<meta charset="UTF-8">
<style type="text/css">
body,div,html,img
{
margin: 0;
padding: 0;
border: 0;
}
</style>
</head>
<body>
<div>
<img src="/project/pics/5.jpg" width="240" height="200">
<img src="/project/pics/10.jpg" width="240" height="200">
<img src="/project/pics/10.jpg" width="240" height="200">
</div>
</body>
</html>
所以我的问题是,尽管图像之间的CSS重置是空格,这当然会在样式布局后引起一些问题,所以任何人都知道如何解决,如何重置CSS,图像之间没有任何空格,谢谢......
我猜对了lol,它真的很简单,只需要写成一行,否则必须声明为font-size:0;
谢谢所有:))
发生这种情况的原因是浏览器将图像之间的换行符解析为空格.图像是内联元素,当使用空格(或换行符)时,它们之间会有一个文字空间.
要float: left;在图像上消除问题,或者只是消除换行符(如同将它们全部放在同一行上,标签之间没有空格).
另一种解决方案是设置font-size: 0;父项,然后font-size: 16px;设置元素本身.