新建一个html文件,定名为test.html,用于讲解div+css怎么设置让5张图片平均摆列在一行。
在test.html文件内,利用div标签建立一个模块,下面将在div内添加图片。
在test.html文件内,在div内,利用img标签建立五张图片,图片为images文件夹下面的2.jpg。
在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
在css标签内,经由过程类名和元素名称设置img样式,界说其宽度、高度为100px ,并利用float属性将所有图片界说浮动标的目的左,从而实现图片平均摆列在一行。
在浏览器打开test.html文件,查看实现的结果。
1、在test.html文件内,利用div标签建立一个模块,在div内,利用img标签建立五张图片。
2、在css标签内,利用float属性将所有图片界说浮动标的目的左(left),从而实现图片平均摆列在一行。
END0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!