CSS3——去掉图片之间的空格

最新推荐文章于 2023-12-31 23:05:38 发布

H_Cisco

最新推荐文章于 2023-12-31 23:05:38 发布

阅读量8.9k

点赞数 2

分类专栏： HTML css

本文链接：https://blog.csdn.net/hdq1745/article/details/84445494

版权

css 同时被 3 个专栏收录

28 篇文章 4 订阅

订阅专栏

css3

24 篇文章 0 订阅

订阅专栏

HTML

16 篇文章 2 订阅

订阅专栏

元素一共就有三种：inline，inline-bolck，block，其中inline，inline-bolck都带有inline，凡是带有inline的元素都是文本类元素。

文本有什么特点呢？

比如现在有一堆文字，中间用很多个空格隔开，在浏览器中你会发现文字之间只有一个空格，因为空格表示的是文字分隔符，所以中间会有一个小的空隙。文本类元素也符合这个概念，比如<span>123</span> 空格空格空格… <span>2345</span>，inline元素就表现写出了行级元素的特点，文本类的特点，图片也是这样

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			img{
				width: 100px;
			}
		</style>
	</head>
	<body>
		<img src="css.jpg">
		<img src="css.jpg">
		<img src="css.jpg">
		<img src="css.jpg">
	</body>
</html>