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">