php - 如何清除ul和li的底部空间

Question

我在 li 的底部有额外的空间

ul和class的样式css

ul {
  display: table-cell;
  list-style: none;
  padding: 0px 0px 0px 0px;
}

li {
  width: 20px;
  float: left;
}

.Chair {
  background-image: url(Images/blnk.png);
  height: 40px;
}

PHP代码

while($r = $result->fetch_assoc()) {
   echo  '<ul id="sub">';
   if($r['seats'] == null){ 
      echo '<li class="Chair" ></li><ul>';
   }
}

Answer 1

根据我的评论删除或设置 .Chair 类中的 Heights:40px。所以这是完整的代码

 ul {
      display: table-cell;
      list-style: none;
      padding: 0px 0px 0px 0px;
    }

    li {
      width: 20px;
      float: left;
    }

    .Chair {
      background-image: url(Images/blnk.png);
    }

如果你想增加高度然后设置height: 20px