Vanish div-Element, wenn seine leeren

Question

I-Daten setzen innen <div> Elemente wie diese

echo '<div class="blue">'.$row['exp'].'</div>'; 

Manchmal ist $row['exp'] leer. Allerdings zeigt es immer noch seine 1px Grenze als Punkt. Wie kann ich es vollständig verschwinden?

Hier ist meine JSfiddle

Answer 1

Sie können die :empty CSS-Selektor für diese verwenden. Gefällt Ihnen dieses

div:empty { 
    display: none; 
} 

Oder Sie können einfach nicht echo die html, wenn die Zeile leer ist

Answer 2

Hier ist die alternative Methode:

if (!empty($row['exp'])) { 
    echo '<div class="blue">'.$row['exp'].'</div>'; 
}