1

なんらかの理由で、このページの後続のパネルは同じであるにもかかわらず、ピラミッドのように大きくなります。テキストの量のために高さが異なる必要がある場合でも、同じ幅にする必要があります。Foundation4を使用しています。

http://jsfiddle.net/jenborn/At8jz/

PHP

$pt1="1.  This is a test";
$pt2="2.  This is a test";
$pt3="3.  This is a test";
$pt4="4.  This is a test";

HTML

<div class="row"><div class="small-3 small-centered columns"><h3 id="makemebold" class="subheader">This is how it works:</h3></div></div>

  <div class="row"><div class="small-6 small-centered columns"><div class="panel" ><h5><? echo $pt1 ?></h5></div></div>
  <div class="row"><div class="small-6 small-centered columns"><div class="panel" ><h5><? echo $pt2 ?></h5></div></div>
  <div class="row"><div class="small-6 small-centered columns"><div class="panel" ><h5><? echo $pt3 ?></h5></div></div>
  <div class="row"><div class="small-6 small-centered columns"><div class="panel" ><h5><? echo $pt4 ?></h5></div></div>
4

1 に答える 1

0

各パネルの幅を.rowクラスのパーセンテージとして設定しています。.rowこの場合、パネルはすでに div でラップされているため、ラッパーを削除できます: http://jsfiddle.net/At8jz/1/

<div class="row">
    <div class="small-3 small-centered columns">
        <h3 id="makemebold" class="subheader">This is how it works:</h3>
    </div>

    <div class="small-6 small-centered columns">
        <div class="panel">
            <h5>This is a test</h5>
        </div>
    </div>

    ... other panels ...

</div>
于 2013-11-08T18:12:39.843 に答える