CSS 是一种用来描述文档样式的语言,可以控制网页中的元素布局、字体、颜色等细节,其中的图片排版也在其中。如果想要两张图片之间没有间距,可以使用 CSS 样式对图片进行调整。
<code>img { display: block; margin: 0; padding: 0; border: none; }</code>
- display: block; 将图片转化为块级元素,使它们能够占据整行;
- margin: 0; 取消图片周围的外边距,消除图片之间的间距;
- padding: 0; 取消图片的内边距;
- border: none; 取消图片的边框。
这样设置后,两张图片就能够紧贴在一起了。
<code><img src="image1.jpg"><img src="image2.jpg"></code>
请注意,在 HTML 中,两张图片之间不能有空格或换行符,否则会出现间隙。