HTML中怎样敲出图片并排的样式代码
用代码实现多图并排的现象并不难,直接给图片添加上浮动就可以了。
操作方法
- 01先准备好图片,然后建立图片标签,如图所示;对图片外面的div添加一个宽,将图片宽度和div的宽度设置成一样100% 
- 02这样显示的图片就是只在规定的div中显示 
- 03如果有多张图片,可以直接对div进行复制多个 
- 04如果默认情况下,因为是div是块状标签,所示默认是上下排列的,如图所示 
- 05这时候给div添加一个浮动效果就可以了 
- 06如图所示,这样复制的几个图片就全部变成横排的样式了 
- 07如果觉得图片紧挨着太近,可以对每个div添加一个外边距margin 
- 08这样每个图片就会出现间隙了,是不是很简单的代码。 
 赞 (0)
                        
