css - 使用float :left时如何将边距设置为中心div

Question

目前我有 3 个 div，其内容使用 php 和 mysql 动态回显。

我如何定位这 3 个的中心 div 并对其应用 css？

目的是在中间的div上用margin-left和right把第一、二、三div隔开，让它看起来更整洁，当然把每个div的内容隔开，看起来不像一个完整的 block 文本。

并且将 margin:left; 添加到类中是不可能的，因为我希望第一个 div 与上面的 div 一起显示 “内联”。

那么有没有一种方法可以定位输出的中心 div 并对其应用 css？

php:

foreach ($stmt as $row) {
$cont_short .= "
    <div class='cont_short'>
      <h1>".$row['title']."</h1>
      <p>".$row['description']."</p>
    </div>
    "
    ;

CSS:

.cont_short{
  float: left;
  width: 31.5%;
  padding: .4em;
  margin-bottom: .5em;
  background: #DDD8DC;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -khtml-border-radius: .2em;
  border-radius: .2em;
}

Answer 1

只用下面这行

我如何定位这 3 个的中心 div 并对其应用 css？

你可以使用 nth-of-type 选择器专门针对第二个 div...

div.wrap div.cont_short:nth-of-type(2) {
    color: red;
}

Demo

所以上面的选择器选择了第二个 div，它嵌套在 class 为 .wrap 的元素中