html5图片与列表间隙，html图片与图片之间的距离

HTML网页设计,怎么把图片之间的空隙去掉?

也就是说，你的图片的标签与外层的标签左右不要留空格。

如果图片高度和宽度不一样，会很麻烦，有的时候用table实现不了效果，只能用div。

P标签会自动在其前后创建一些空白，去掉这些空白就没有间隙了。

有好几种方法可以解决：调整全站的图片CSS，即在CSS当中，增加：img{margin：10px 0；}，意思即为图片上下增加10像素距离。

相关问答

Q1: 如何解决CSS图片下面有间隙的问题

1、（推荐教程：CSS教程）解决方法：给图片添加 vertical-align： middle | top | bottom 等。

2、看来最好的解决办法就是用到display：inline-block；了，于是缝隙的问题就出现了。

3、因此可以使用属性来尝试在下面留一点间隙。（因此，如果将vertical-align：bottom；应用于.inline-contents，则只会解决下面的间隙问题。

Q2: h5滑动图片为啥图片之间有白色间隔

最近做h5的项目，碰到了一个百思不得其解的问题，几个img标签中间有大约3px的空隙后来百度查了一番，大致了解了原因，是因为浏览器把元素当成了字，空隙是给一些对齐字母后仍然长出一截的（例如j，g）预留的。

尺寸比例不同。原因在于你上传的图片跟它原本的图片的尺寸比例不一样，接下来就要修改一开始的空白图片以及展示不全的问题，点击一下布局按钮，打开布局，修改即可。

需要借助第三方编辑器，把背景颜色设置成与小程序图片一样的颜色，虽然缝隙依然存在但是因为与背景色相同就看不出来了。

因为这是系统自动生成的一个间隔，防止出现重叠或者是无缝接触，为了美观。

Q3: html如何完全去掉图片之间的间距

IEIE7下 img与div（block类型元素）下边有间隔（或许叫缝隙、空隙）。IE7才会有这个问题，IE8下是没有的。

如果这10张图片长和宽都一样，需要您计算详细的图片的宽度和table的宽度高度，必须是一样的，之后去掉table的填充和间距边框。如果图片高度和宽度不一样，会很麻烦，有的时候用table实现不了效果，只能用div。

px 0；}，意思即为图片上下增加10像素距离。调整文字的CSS，即在CSS当中，增加：p{ padding-top：10px；}，意思即为段落文字前，增加10像素的间隔。最简单的办法，输入文字前，敲上一个回车键，增加一行即可。

有好几种方法可以解决：调整全站的图片CSS，即在CSS当中，增加：img{margin：10px 0；}，意思即为图片上下增加10像素距离。

通过在 img 标签中使用 border=0 属性，就可以把图像超链接周围的边框去掉。对于某些图像，尤其是那些图像映射来说，没有边框可能会使页面的外观得到改善。

Q4: 为什么列表标签总是会留出空隙(UI设计)?(html表格之间有空隙)_百度...

出血的意思设计印刷的图比实际成品在每个切边都加大3mm，使在切为成品时即使下刀略有偏差都可以保证画面是满幅的。所以A4纸大小是210mmX297mm，则图片应设计为(21033)mmX(29733)mm大小。

超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

两个大表格是用table/table阔着的。所以在/table后面加一个br就可以实现换行的了。就是你所谓的分开了。单元格的话就可以设置单元格的属性。这个在设计界面就可以看到了。

有人可能会觉得间距和尺寸有些相似，但其实它们有着很大的不同，我们可以这样理解：尺寸是形容容器的大小，而间距是形容容器之间的距离。间距相对比较简单，只要标注清晰就不会有太大问题。

后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案：给img设定 display：block。

html5图片与列表间隙的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html图片与图片之间的距离、html5图片与列表间隙的信息别忘了在本站进行查找喔。