Html 通过减小td的大小消除表中两个td之间的空白

Html 通过减小td的大小消除表中两个td之间的空白,html,css,Html,Css,你好,我有一张这样的桌子 你可以在这里看到演示版; 如果您看到,一个单元格就是数字(顶部和底部都应该有投票箭头,但由于某种原因它没有显示出来) 如何减小该单元格的大小 试着去掉左边的空白:15px;从span.这应该是您桌子上的css和td <table style="table-layout: fixed;"> <tr> <td style="word-wrap: break-word; white-space: nowrap;">

你好,我有一张这样的桌子 你可以在这里看到演示版; 如果您看到,一个单元格就是数字(顶部和底部都应该有投票箭头,但由于某种原因它没有显示出来)


如何减小该单元格的大小

试着去掉左边的空白:15px;从span.

这应该是您桌子上的css和td

<table style="table-layout: fixed;">
     <tr>
         <td style="word-wrap: break-word; white-space: nowrap;"></td>
     </tr>
</table>

添加此css规则可解决以下问题:

table {
  border-spacing:0;
}
请参见这里我重新编写了您的代码。


+ 1
(友好相处)

将此引导css链接添加到html中,它将解决此问题

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">

可能重复的表格有单元格填充(单元格内的空格)和单元格间距(单元格之间的空格,即在单元格外)。请看@Burki-hmm不太。。。。
table {
  border-spacing:0;
}
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">