刪除包含列表的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/