删除包含列表的TD元素中的间距

Question

我想删除表中第一行中存在的填充，因此它与第二行高度相同。我不确定填充是从哪里来的，因为我在tdul和li元素中将填充设置为零。

http://jsfiddle.net/d9no97vL/

<table> 
    <tr> 
    <td><ul><li>abc</li><li>def</li></ul></td> 
    <td>this row is too wide</td> 
    </tr> 
    <tr> 
    <td></td> 
    <td>this row is just right</td> 
    </tr> 
</table> 

而CSS：

ul li { display: inline; margin: 0; padding: 0; } 
table { border-collapse: collapse; border: 1px solid black; } 
td { padding: 0px; border: 1px solid black; } 

Answer 1

这是因为ul元素的默认填充/保证金的（由浏览器样式表指示）。添加以下内容：

ul { margin: 0; padding: 0; } 

DEMO

Answer 2

你的问题是与UL里。

而不是使用：

ul li { 
    display: inline; 
    margin: 0; 
    padding: 0; 
} 

用途：

ul,li { 
    display: inline; 
    margin: 0; 
    padding: 0; 
} 

JSfiddle

Answer 3

加入这个CSS样式您的样式

ul { 
    display: inline; 
    padding: 0; 
} 

DEMO：http://jsfiddle.net/d9no97vL/7/