新建一个html文件， 定名为test.html， 用于讲解css如何使多个div元素并列一行 。
文章插图
2【css怎样使多个div元素并列一行】在test.html文件内， 利用css初始化div的样式， 设置其表里边距都为0px 。
文章插图
3在test.html文件内， 建立一个div， 用于包抄多小div， 同时设置其class属性为con 。
文章插图
4利用css设置类名为con的div居中显示， 而且设置其宽度为800px， 高度为500px 。
文章插图
5在类名con的div内， 建立四个div， 并设置其布景颜色别离为红色、黄色、粉红色、绿色 。
文章插图
6在css中， 设置四个div的宽度为25%（也可以设置为200px）， 高度为100%， 并设置其浮动标的目的左， 实现并排显示 。
注：设置宽度、浮动是关头， 只有等分的宽度才不会发生换行显示 。
文章插图
7在浏览器打开test.html， 查看div并排显示的结果 。
文章插图
以上内容就是css怎样使多个div元素并列一行的内容啦， 希望对你有所帮助哦！
推荐阅读
- 红外测温仪操作使用方法
- 免钉胶使用方法
- 小猫能用人的眼药水吗
- 猫红霉素眼膏怎么使用
- 怎样揉面揉得好？
- 怎样去除胶带留下来的痕迹
- 怎么使用万用表测量电阻？
- 如何用css设置div与div之间的间距
- css怎么设置div居左、居右、居中
- CSS如何去掉div的边框