html图片上下间距怎么设置

html-css08

html图片上下间距怎么设置,第1张

在test.html文件内,使用margin属性设置两张图片之间的距离。

例如,设置1.jpg图片距离3.jpg图片30px,可以使用margin-right属性进行设置。

图片是指由图形、图像等构成的平面媒体。图片的格式很多,但总体上可以分为点阵图和矢量图两大类,我们常用BMP、JPG等格式都是点阵图形,而SWF、CDR、AI等格式的图形属于矢量图形。

代码如下:

<div class="f0">

<img src="images/1.png" >

<img src="images/2.png" >

<img src="images/3.png" >

</div>

这个是浏览器的一个设计问题。img本来是行内元素,却可以用width 和height,当父元素没有设置高度的时候,用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。img图片默认排版为 inline-block而所有的inline-block元素之间都会有空白。

扩展资料

在CSS中通过line-height属性来实现行间距的设置,line-height的值表示的是两行文字之间基线的距离。文字的基线,指的是如果给文字加上下划线,那么上下划线就是文字的基线。

Line-height的值设置为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页面中,文字大小固定时常常使用绝对数值,而对于论坛和博客这些用户可以自定义字体大小的页面,通常设置为相对数值,从而,可以随着用户自定义的字体大小改变相应的行间距。

CSS中通过letter-spacing属性来调整字间距,这个属性同样可以设置相对数值和绝对数值。

1、打开html开发工具,新建一个html页面。

2、在html页面创建一个div标签,然后在div标签里创建5个a标签。

3、为了看得更加明显,我们将对新建的div标签、a标签设置样式,然后使用浏览器打开html页面,发现a标签之间是存在间距的。

4、把a标签的代码显示为一行,然后再html页面刷新浏览器查看效果,发现a标签之间的间距不见了。

5、把a标签还是恢复为每个标签显示一行,然后设置a标签父类的样式为:font-size:0。

6、font-size:14px最后在浏览器上刷新页面发现a标签之间的间距没有了。