HTML表格CSS-TD和x27之间的间隙;s
我正在写一份时事通讯,我被告知使用表格进行布局是最佳实践。我遇到的问题是,我的td之间出现了一个缺口。每个td都有一个背景图像,因此非常明显: 这是我的代码,我是否遗漏了一些明显的东西?顺便说一下,我正在Firefox中测试:HTML表格CSS-TD和x27之间的间隙;s,html,css,Html,Css,我正在写一份时事通讯,我被告知使用表格进行布局是最佳实践。我遇到的问题是,我的td之间出现了一个缺口。每个td都有一个背景图像,因此非常明显: 这是我的代码,我是否遗漏了一些明显的东西?顺便说一下,我正在Firefox中测试: <table style = "margin: auto; width: 90%; max-width: 900px; border-collapse: collapse; border-spacing: 0;"> <tr style =
<table style = "margin: auto; width: 90%; max-width: 900px; border-collapse: collapse; border-spacing: 0;">
<tr style = "height: 16px;">
<td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_left.png') no-repeat center;"></td>
<td style = "background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top.png') repeat-x;"></td>
<td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_right.png') no-repeat center;"></td>
</tr>
</table>
有什么想法吗?谢谢 只需将表的
单元格填充设置为零即可
<table cellpadding="0" style = "margin: auto; width: 90%; max-width: 900px; border-collapse: collapse; border-spacing: 0;">
<tr style = "height: 16px;">
<td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_left.png') no-repeat center;"></td>
<td style = "background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top.png') repeat-x;"></td>
<td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_right.png') no-repeat center;"></td>
</tr>
</table>
您可以将td
的宽度减小到13px
:
你能发一把小提琴吗?我怎么会错过这个?呃。。。我是个白痴。非常感谢,一旦计时器停止,我们将接受答案。