消失的div元素如果它是空的

Question

我将数据放在else if元素中，就像这样

<div>

有时echo '<div class="blue">'.$row['exp'].'</div>'; 为空。然而，它仍然显示其1px边界作为一个点。我怎么能完全消失呢。

这是我的JSfiddle

Answer 1

您可以使用 div:empty { display: none; } CSS选择器。 喜欢这个

echo

或者，如果行为空，你就不能{{1}} html

Answer 2

这是替代方法：

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