图片边距消除的方法

最新推荐文章于 2023-03-20 17:01:27 发布

Devil_xkl

最新推荐文章于 2023-03-20 17:01:27 发布

阅读量2.3k

点赞数

文章标签：图片边距消除的方法

本文链接：https://blog.csdn.net/Devil_lzh/article/details/76340396

版权

消除图片边距的方法：

1、图片横排产生边距消除方法：给图片设置浮动 floa；

2、图片竖排产生边距消除方法：给图片设置vertical-align;

代码如下：（内含注释，图片可自由更换）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
			body{
				color: #fff;
				background: #000;
			}
			img{
				float: left;
				/*margin: 10px;*/
				/*display: block;*/
				/*vertical-align: top;*/
				/*vertical-align: middle;*/
			}
		</style>
	<body> 
		<div>
			<img src="img/0770220136.jpg" alt="" /><!--哎呦喂，你咋能酱紫-->
			<img src="img/0940261.jpg" alt="" /><!--我相信我能行-->
			<img src="img/20070120133230930.jpg" alt="" /><!--我又想你了，你人在哪端-->
			<img src="img/2008522194553443_2.jpg" alt="" />
		</div>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Devil_xkl

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图片边距消除的方法

消除图片边距的方法：1、图片横排产生边距消除方法：给图片设置浮动 floa；2、图片竖排产生边距消除方法：给图片设置vertical-align;代码如下：（内含注释，图片可自由更换） *{ padding: 0; margin: 0; } body{ color: #fff; background: #000;
复制链接

扫一扫