-
解决方法1:
设置 img 的 vertical-align: bottom;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; } img{ vertical-align:bottom; }
-
解决方法2:
设置 img 的 margin-bottom: -5px;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; } img{ margin-bottom: -5px; }
-
解决方法3
设置 ul 的 font-size:0;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; }
-
解决方法4
使li浮动,并设置img为块级元素
ul{ width: 280px; } ul li{ float:left; display:block; height:57px; width:277px; } img{ display: block; }
html中li与图片的距离
最新推荐文章于 2023-05-11 16:57:07 发布