• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    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
    • 閱讀 ( 1657 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆