如何創建兩個內嵌頁面的動態文本列

我在尋找的是一種將兩個完整的表單元素相互打印的方式，因爲它們沿着一個php頁面向下。基本上是兩列重複元素。如何創建兩個內嵌頁面的動態文本列

我有一個「div」循環，使用同一個div在我的頁面上創建多個元素，我猜？我使用兩個變量來設置它們在頁面上的位置，例如，（$ 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; 
        }

來源

2017-08-03 Ryan Deckard

您可以隨時使用Flexbox的創造平等高度的div：

.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中，你可以迴應的結果：

<?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>'; 
?>

來源

2017-08-03 02:19:59 Jaime

這並不代表循環帶入方程中的問題。它表現得像所有的div一樣，它會把它們全部放在頁面上的同一個位置，除非我錯過了一些東西。我想嘗試一下，但我將不得不徹底檢修整個文件，我不確定它會在一個循環中工作。 –

有沒有更好的方法比我應該使用的只是IP地址在頁面上顯示200項目的循環？我覺得我對某件事情肯定有點偏離。總是打開更好的代碼。 –

對不起，我忘了添加循環，我已經糾正了顯示你是否在while循環中使用它的答案。它適用於任何類型的循環，真的。 – Jaime

上面肯定是什麼讓我失望制勝之道和我的網頁上的主導地位，但我不得不添加一個單獨的部分，使其爲我工作，我已經發布了下面

$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++;

這額外的代碼答案允許我只使用一個div，並將其作爲兩個執行，因爲我從一系列IP中拉出來，並且由於我一直遇到編碼災難，我無法同時獲得最新數據和下一個數據。我假設其他人在創建從數組中拉出的循環時遇到同樣的問題，因爲通常只能按順序逐個執行一個循環。我的代碼現在可以成功運行了，如下面的鏈接所示！

來源

2017-08-03 04:00:05

如何創建兩個內嵌頁面的動態文本列

回答

相關問題