css 元素放在同一行 |css 选中倒三角

要将多个元素放在同一行中，可以使用float属性。将元素的float属性设置为left或者right就可以使它们在同一行中展示。同时，为了避免元素重叠，可以将它们包裹在一个容器里面，为容器设置宽度。

.container {
width: 100%;
}
.box {
width: 30%;
float: left;
margin: 0 1%;
}

在这个例子中，大家创建了一个容器（class名为container），并将容器的宽度设置为100%。然后，大家创建了多个元素（class名为box），并设置它们的宽度为30%、浮动方式为left，同时设置了它们之间的间距为1%。这样，多个元素就可以在同一行中展示。

另外，在CSS中，还有一个使用display属性来将元素放在同一行的方法。将元素的display属性设置为inline-block就可以实现将多个元素放在同一行中。

.box {
display: inline-block;
margin: 0 1%;
}

在这个例子中，大家将元素的display属性设置为inline-block，同时设置了它们之间的间距为1%。这样，多个元素就可以在同一行中展示。

无论是使用float属性还是display属性，都需要注意元素之间的间隔和宽度的设置，以免出现不必要的重叠和留白。