将盒子与 css 和 html 并排放置

Question

我有一个项目，我想并排显示 8 个文章框。 它应该看起来像 this 我目前只有第一个盒子，当我尝试添加其他盒子时，它们不会像第一个一样留在同一个空间，我将如何做到这一点？我想将它们并排添加，就像提供的图片一样。

Answer 1

我不是 css 专家，但您可以从以下内容开始：

<div style='width:100%'>

<div style='float:left;width:25%'>content 1</div>

<div style='float:left;width:25%'>content 2</div>

<div style='float:left;width:25%'>content 3</div>

<div style='float:left;width:25%'>content 4</div>

</div>

将您的容器 div 分配 25 % - 4 倍。