0

我有这个代码：

<div id="cuerpo">
<?php foreach ($sistemas as $cada) { ?>
    <div id="show">
        <a href="<?php echo "index.php?zona=acceso&id=" . $cada['id']; ?>" target="_self"><?php echo $cada['nombre']; ?></a>
        <p><?php echo $cada['descripcion']; ?></p>
    </div>
<?php } ?>
</div>

所以我有一个div带有 id"cuerpo"的盒子，它将模拟一个包含所有$sistemas被div调用的盒子"show"。

然后，我有这个CSS：

#cuerpo
{
width: 800px;
margin: 0 auto;
margin-top: 25px;
padding-bottom: 5px;
border: solid 2px black;
}
#show
{
width: 200px;
margin-top: 10px;
margin-left: 5px;
border: solid 1px black;
padding: 5px;
}

而且，如果我使用float: left;网页中的所有内容，将是未配置的并且非常糟糕。

我想要这样的东西：

在此处输入图像描述

PS：我scheme的一切都在工作，但不是浮动的东西。

谢谢你的帮助！

编辑1：

我根据接受的答案发布了一张带有我实际问题的图片。

在此处输入图像描述

4

2 回答 2

3

仅display:inline-block用于您的#show容器。请参阅此处的示例：http: //jsfiddle.net/GLp3Y/

__ _ __ _ __ _ __ _ __ _ __ *编辑* _ __ _ __ _ __ _ __ _ __ _

如果需要使用float必须将父容器设置为overflow:hidden. 在此处查看演示：http: //jsfiddle.net/GLp3Y/4/

于 2013-04-16T13:36:40.180 回答
1

你试过了吗

#cuerpo{
margin-left : 10%
margin-right : 10%}

这将使它居中

或者你可以把它放在一个 div 中，使这个 div 全角并使用 text-align:center 和 div 和 display:inline 在 cuerpo

于 2013-04-16T13:31:14.183 回答