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>

したがって、呼び出されたそれぞれにすべてを含むボックスをシミュレートするdivwith idがあります。"cuerpo"$sistemasdiv"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;また、Web ページ内のすべてを使用すると、構成が解除され、非常にひどいものになります。

私はこのようなものが欲しい：

ここに画像の説明を入力

PS: 私schemeのすべてが機能していますが、フローティングは機能していません。

ご協力いただきありがとうございます！

EDIT1：

受け入れられた回答に従って、実際の問題を含む画像を投稿します。

ここに画像の説明を入力

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 を全幅にして、cuerpo で text-align:center と div および display:inline を使用することができます

于 2013-04-16T13:31:14.183 に答える