Auto „wrap“ Ergebnisse aus PHP-Datenbank-Abfrage

Was würde ich tun:Auto „wrap“ Ergebnisse aus PHP-Datenbank-Abfrage

- Wenn ich meine Ergebnisse aus einer MySQL-Abfrage echo, ich will jedes in einem Quadrat div angezeigt werden (dies sortiert)

- ich möchte auch sie wickeln, so sind sie alle in horisontal Reihen, aber wenn der Bildschirm nicht breit genug ist, einige gehen in eine weitere Reihen

der zweite Punkt ist der, den ich‘ Ich bin dabei geblieben. Wie verpacke ich viele divs, wie Word-Wrap würde Text tun?

Danke!

Quelle

2012-03-29 Jacques Blom

Dies scheint eher ein CSS-Problem. Wenn Sie die Breite jedes "div" auf "auto" setzen, sollte div die Breite des Ansichtsfensters sein und die Größe des Browsers ändern. – F21

Gefällt mir jsFiddle example?

CSS:

div { 
    border:1px solid #999; 
    width:30px; 
    height:30px; 
    float:left; 
    margin:4px; 
}

Quelle

2012-03-30 00:52:40 j08691

Genau! Vielen Dank. Es funktioniert perfekt –

Ich denke, das Skript, das Layout erzeugt für Sie fragen:

<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>

es in Ihrem HTML-Editor überprüfen und sehen, ob es so aussieht, was Sie wollen. Float: links ist der Schlüssel, um sie zu "wickeln". Beachten Sie, dass das Problem meistens ein CSS ist und kein PHP oder JS.

Quelle

2012-03-30 01:44:14 pagga

Auto „wrap“ Ergebnisse aus PHP-Datenbank-Abfrage

Antwort

Verwandte Themen