解决网页布局中间的空隙

最新推荐文章于 2023-02-11 17:11:20 发布

睡觉睡觉。

最新推荐文章于 2023-02-11 17:11:20 发布

阅读量686

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_45306736/article/details/106266440

版权

	<style>
		*{
			margin: 0;
			padding: 0;
		}
		div{
			display: inline-block;
			width: 200px;
			height: 200px;
			background: red;
		}
		
	</style>
	<body>
		<div></div>
		<div></div>
	</body>
</html>

上面并没写左边距或者右边距为什么中间还有空隙
在这里插入图片描述
事实是这样的因为浏览器会认为会把标签当作字符串来解析，上面div有换行浏览器会把这个认为是一个空格来计算所以中间的距离是一个空格的距离。如果想解决掉这个距离可以让2个div的代码紧密的挨着

	<style>
		*{
			margin: 0;
			padding: 0;
		}
		div{
			display: inline-block;
			width: 200px;
			height: 200px;
			background: red;
		}
		
	</style>
	<body>
		<div></div><div></div>
	</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

睡觉睡觉。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决网页布局中间的空隙

<style> *{ margin: 0; padding: 0; } div{ display: inline-block; width: 200px; height: 200px; background: red; } </style> <body> <div></div> <div></div> </body></html&g.
复制链接

扫一扫