自動“包裝”PHP數據庫查詢的結果
[英]Auto “wrap” results from PHP database query
問題描述
我想做什么：
- 當我從MySQL查詢中回顯我的結果時，我想在方形div中顯示每個結果（這已排序）
- 我也想包裝它們，所以它們都是水平行，但是當屏幕不夠寬時，有些會進入更多行
第二點是我堅持的那一點。 我如何包裝很多div，比如自動換行會對文本做什么？
謝謝！
2 個解決方案
解決方案1
2 已采納 2012-03-30 00:52:40
像這個jsFiddle的例子 ？
CSS：
div {
border:1px solid #999;
width:30px;
height:30px;
float:left;
margin:4px;
}
解決方案2
0 2012-03-30 01:44:14
我認為這個腳本會產生你要求的布局：
<html><head><script>
// dummy code to simulate varying width text received from a database
var pullFromDatabase = function(){
str = new String()
for(var i = Math.round(Math.random()*10)+1; i > 0; i--)
str += "Data! "
return str
}
window.onload = function(){
for(var i = 10; i > 0; i--){
newDiv = document.createElement('div')
newText = document.createTextNode(pullFromDatabase())
newDiv.appendChild(newText)
document.body.appendChild(newDiv)
}
}
</script><style>
div { float: left; width: 200px; height: 200px; border-width: 1px; border-style: solid; border-color: black }
</style></head><body>
</body></html>
在HTML編輯器中查看它，看看它是否符合您的要求。 浮動：左邊是讓他們“包裹”的關鍵。 請注意，問題主要是CSS問題，而不是PHP或JS問題。
將 mysql 查詢包裝在 php function 中並打印結果
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.