ページを互いにインラインで実行する2つの動的テキスト列を作成する方法

Question

私が探しているのは、完全な2つのフォーム要素をPHPページの下に並べて印刷する方法です。本質的に反復要素の2列。

私は同じdivを使用して私のページに複数の要素を作成する "div"ループがあると思いますか？私は2つの変数を使用してページ上の位置を設定しています。 （$ down + = 200、$ left + = 200）、それはかなりうまく動作します。私が直面している問題は、一部の部品の高さが20px、高さが50pxなので、各要素の間に余分なスペースを置かなければならないということです。 divループでは、小さなものすべてが意味のある意味で、次の大きな要素がページの下側に十分に移動して重なり合わないことを意味すると、彼らは互いに認識していないように見えます。むしろ、個々の個人が小規模のものに余分なスペースを持たせるだけのことを考慮してはいないでしょう。私はこれのためのより良い選択肢があるべきであるように感じる。私はテーブルを避けたいのですが、誰かが私にテーブル部分とフォーマットだけのテーブルを表示できない限り、テーブルを避けたいのです。

while ($results = mysqli_fetch_assoc($towerquery)) 
        { 
        if ($number % 2 == 0 && $number !== 0){ $left = 200; $down += 320; } 
        print '<span style="display:block;position:relative;left:'.$left.'px;top:'.$down.'px;font-family:tahoma;font-size:13px;margin:40px;">'; 
        $down -= 300; 
        $left += 500; 
        } 

Answer 1

あなたは常に同じ高さのdivを作成するためにフレキシボックスを使用することができます。

PHPであなたは結果をエコーができることを利用し

.paddingBlock { 
 
    padding: 20px 0; 
 
} 
 

 
.eqDisplay { 
 
    display: flex; 
 
} 
 

 
.equal { 
 
    padding: 10px; 
 
} 
 

 
.equal:nth-of-type(odd) { 
 
    background: darkgreen; 
 
} 
 

 
.equal:nth-of-type(even) { 
 
    background: black; 
 
} 
 

 
.eqHW { 
 
    flex: 1; 
 
} 
 

 
.eqHWrap { 
 
    justify-content: space-between; 
 
    color: #eee; 
 
}

<div class="paddingBlock"> 
 
    <h1>Equal Column Height</h1> 
 
    
 
    <div class="eqHWrap eqDisplay"> 
 
    <div class="eqHW equal"> 
 
     <p>Using</p> 
 
     <p>flex</p> 
 
    </div> 
 
    
 
    <div class="eqHW equal"> 
 
     <p>works</p> 
 
     <p>well</p> 
 
     <p>despite</p> 
 
     <p>content</p> 
 
     <p>length</p> 
 
    </div> 
 
    </div> 
 
</div>

：

<?php 
    $yourVariable = array(1,9,5,12,73); 
    echo '<div class="paddingBlock"><div class="eqHWrap eqDisplay">'; 
    while (x === x) { 
     echo '<div class="eqHW equal">' . $yourVariable . '</div>'; 
    } 
    echo '</div></div>'; 
?> 

Answer 2

間違いなく上記の回答の私のWebページの勝利と支配へのパスを私を導き、私はそれが私が

$number = 0; 
if ($number % 2 == 0 || $number == 0) { print '<div class="eqHWrap eqDisplay">'; } 
print '<div class="eqHW equal">'; 
print '<p>'; 

//multiple if statements, span elements, line breaks, returns 

print '</p>'; 
if ($number % 2 !== 0 && $number !== 0) { print '</div>'; } 
print '</div>'; 
$number++; 

の下にこの余分なコードを掲示している私のために動作させるために、別の部分を追加していたもの1つのdivだけを使用して2つに実行することができました。なぜなら、私は一連のIPから抜け出しており、私が実行し続けていたコード化された災害のために、最新のものを得ることはできません。私はループからループを作成して配列から引き出すのと同じ問題に他の人が遭遇したと仮定します。私のコードは正常に動作していますが、リンクの下に表示されています！