css怎样使多个div元素并列一行

新建一个html文件,定名为test.html,用于讲解css如何使多个div元素并列一行。

  • 2

    在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并排显示的结果。

    • 发表于 2019-09-13 17:11
    • 阅读 ( 1838 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具