2013-11-03 17 views
1

CSS或任何方法可以從底部行開始顯示文本,並隨着行的繼續前進到更高行。例如:HTML首先填滿底部行 - 美學原因

  • 行1 Txt4 // ......
  • 行2 Txt3 //這樣的例子不勝枚舉,或是保留空白,並在第3行停止,如果沒有更多的文字來填補
  • 行3 TXT2 //這樣的例子不勝枚舉,或是保留空白,並在第4行停止,如果沒有更多的文字來填補
  • 行4 TXT1 //此行填滿第一

這並不是重新mysql的輸出也不以任何形式的升序/降序來下單。這只是簡單地迫使HTML爲了美觀而首先填滿最底層的行。所有的Txt輸出都是PHP動態的。爲了簡單起見,我們可以假設輸出是Txt1,Txt2,Txt3,Txt4。由於這些是最終產出,並且它們涉及其他幾百行,我認爲它們不相關。希望我解釋得很好。

+0

是的,如果行是固定的。 –

+0

單獨的行或段落?當一行比一行更長時(比如當用戶縮放文本時)會發生什麼? – mikakun

+0

我的回覆如下@Ed Cottrell。感謝這個想法。 – Mike

回答

0

爲什麼不直接循環訪問數據?這樣的事情:

$max = count($data); 
for($row = $max; $row >= 0; $row--) { 
    echo "<p>Some HTML here".$data[$row]."</p>"; 
} 

編輯:你當然可以在jQuery中做同樣的事情;只需使用相同的基本邏輯反向構建表或列表即可。

+0

你的代碼反轉輸出併成爲「Tac」,「Taog」,「Riget」(不是貓,山羊,虎)。也許@ mikakun是對的。我想這應該是段落倒置?我的php會迴應$ _Animals。'
';這將產生3行3只動物。我的目標不是要扭轉所給出的輸出,而僅僅是爲了HTML審美的原因,並且儘可能地填補底部。感謝那。我沒有編寫文字,所以所有的幫助都非常感謝 – Mike

+0

我不確定你的意思。此代碼不會翻轉文字,如Cat - > Tac。相反,如果你從'array'('Cat','Goat','Tiger')開始,它將在三條線上產生Tiger,Goat和Cat。您的目標是獲得某個訂單(例如,虎,山羊,然後是貓),還是要將物品放在屏幕上的某個位置(即虎底部,然後是山羊右上方等)根據需要高)? –

+0

後者。那就對了。這只是屏幕的偏好。無意改變陣列輸出。純粹做到這一點,以適應緊張的空間,我可以擠壓動態輸出。不知道預先輸出多少條線(動態),並且我有更多空間在頂部進行播放,因此從底部堆疊會給我這個優勢。否則會導致我的img溢出。謝謝。 – Mike