新建一个html文件,定名为test.html,用于讲解css如何使多个div元素并列一行。
在test.html文件内,利用css初始化div的样式,设置其表里边距都为0px。
在test.html文件内,建立一个div,用于包抄多小div,同时设置其class属性为con。
利用css设置类名为con的div居中显示,而且设置其宽度为800px,高度为500px。
在类名con的div内,建立四个div,并设置其布景颜色别离为红色、黄色、粉红色、绿色。
在css中,设置四个div的宽度为25%(也可以设置为200px),高度为100%,并设置其浮动标的目的左,实现并排显示。
注:设置宽度、浮动是关头,只有等分的宽度才不会发生换行显示。
在浏览器打开test.html,查看div并排显示的结果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!