html - 如何将两个 td 细胞靠近

Question

对于我的网站，我正在努力使两个 td 更接近。它们相距甚远，我一直在尝试将带数字的 td 和带图像的 td 放在一起。这是我网站的域名:如果你检查代码，你会发现它很糟糕，这可能就是为什么我很难让两个 td 更接近的原因。

更清楚一点，我想做的是

<table>
        <td class="vert-align" style="padding:0;" >
 <div class="votes">
<a href="/post/{{ post.slug }}/vote?is_up=1" class="vote">
  <span class="glyphicon glyphicon-triangle-top col-md-12" aria-hidden="true"></span></a>
            <br />

<span class="col-md-12" style="height:1px; font-family: 'Passion One', cursive; bottom:10px; padding-left:0.01em;


#and 
<td class="vert-align">

{% if post.main_image %}
      <h4 id="lineForUrl">
        <a href="{{ post.url }}" target="_blank" style="margin-left: 15px; text-decoration:none;"> <img src="{{post.get_image_url}}"  class="img-rounded" alt="Cinque Terre" height="75" width="75"/><span id="title-font" title="{{post.title}}">
          {{ post.title }}</span><span style="margin-left: 15px;" class="domain">({{ post.domain }})</span></a>
        <span class="discuss" style="color:red;"><a href="{% url 'post' post.slug %}" class="btn btn-warning btn-sm">enter</a></span>
        <br />
        <span class="post-info">
  {% if user.is_authenticated %}
<a href="{% url 'userena_profile_detail' post.moderator.user %}">{{ post.moderator.user }}</a>wrote
{% else %}
{{ post.moderator.user }}wrote
{% endif %}
<a href="/category/{{post.category}}">#{{post.category}}</a></span>
      </h4>
"><h4 id="vote_count_{{ post.slug }}">{{ post.get_vote_count }}</h4></span>     <br>

<a href="/post/{{ post.slug }}/vote?is_up=0"  class="vote">
<span class="glyphicon glyphicon-triangle-bottom col-md-12" aria-hidden="true"></span></a>
</div>
          </td>
</table>

#closer

Answer 1

试试这个 CSS 行(如果我正确理解了你的问题)

#cell td.vert-align:first-child { width: 40px;} 

它会让你的 td 与数字和 td 与图像更接近