html - 如何降低单元格的高度？

Question

我试图通过使用以下 CSS 来降低表格单元格的高度，但它不起作用。

.table tr>td.vert-align{
    vertical-align: middle;
    height: 5px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #eaebec;
}

这是我的 HTML 代码:

<td class="vert-align">
  {% if post.url %}
  <h4><a href="{{ post.url }}" style="margin-left: 15px;"> <img src="{{post.image}}" height="70" width="70"/>
{{ post.title }}</a><span style="margin-left: 15px;" class="domain">
({{ post.domain }})</span></h4>
{% else %}
  <h4><a href="{% url 'post' post.slug %}" style="margin-left: 15px;">{{ post.title }}</a><span style="margin-left: 15px; "class="domain">({{ post.domain }})</span></h4>
{% endif %}
  <ol class="post-info">
    <div class="btn-group btn-breadcrumb">
      <span class="btn btn-default">{{ post.moderator.username }</span>
      <span class="btn btn-default">{{ post.pub_date | date }}</span>
      <span class="btn btn-default">{{post.views}}</span>
      <a href="{% url 'post' post.slug %}" class="btn btn-default">discuss</a>
      <a href="{{ c.get_absolute_url }}" class="btn btn-default">{{post.category}}</a>
   </div>
  </ol>
</td>

我试图在一行中显示标题/图像/域名，以非常适合表格，但现在表格的高度太长，看起来很奇怪。我试过 height:5px 但它不起作用

Answer 1

我发现您的代码中没有使用表格，但问题可能是由于您使用的是“.table”选择器而不是“表格”选择器。
点表示类名，没有点表示html标签。请看一下，如果这不是答案，请发布您的整个 html 代码以更好地了解它。