如何使用css,设置多个div水平放置

时间:2024-10-11 22:34:52

1、我们在一个div节点里,放了三个div。

如何使用css,设置多个div水平放置

2、然后设置一些基本的样式,宽度,高度,边框等。

如何使用css,设置多个div水平放置

3、默认情况下,这些div是每个各占据一行的。

如何使用css,设置多个div水平放置

4、要让其水平放置,我们添加一个float:left的样式就行了。

如何使用css,设置多个div水平放置

5、添加后,再看一下页面,三个div都放在一行的水平位置了。

如何使用css,设置多个div水平放置

6、还有另外一个方法,我们添加display:inline-block的样式。

如何使用css,设置多个div水平放置

7、这种样式,会默认在div之间有一些间距的。使用哪一种方式,大家看需要了。

如何使用css,设置多个div水平放置
© 手抄报圈