0

固定サイズの要素を持つデータ グリッド (テーブル レイアウト) が必要です。要素はできる限り同じ行に挿入し、次の行に表示する必要があります。

インラインブロックでそれを行うことができますが、外側のdivを制御してそれらを中央に配置する方法がわかりません。

これが私の問題です：

問題 http://images.devs-on.net/Image/QUPPczp4bO6pkKNR-Bereich.png

CSSだけを使用してこれを解決する方法はありますか?

4

2 に答える 2

1

あなたが探しているのは、スペース内のボックスで「完全な正当化」を行う方法です。現時点では、純粋なCSSでこれを実現する方法はありません。すでに持っているもの（右側にスペースが表示されるもの）、または@fabienが提供するもの（最後の行を中央に配置するもの）のいずれかを選択する必要があります。

別の方法は、JavaScriptを使用することです。

（PSこれらのボックスに文字「a」だけが必要な場合は、別の解決策があるかもしれませんが、それはより複雑な要素のプレースホルダーであると思います。正しいですか？）

于 2012-10-20T20:38:15.967 に答える
1

ブロックがインラインブロック表示に設定されている場合は、コンテナのテキストを中央に配置するだけです: http://jsfiddle.net/Qv6xY/20/ (結果パネルのサイズを変更します)

html :

<section>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
    <article>a</article>
</section>​

css:

section{margin:50px; padding:25px; background:#333; text-align:center;}
article{width:50px; height:50px; background:#c00; margin: 10px; display:inline-block}

（または、私が得られなかった、あなたがやりたいことがもっとあります。）

于 2012-10-20T18:43:22.643 に答える