chrome中为啥图片会离table边有一段距离
日期：2014-05-17 浏览次数：20411 次
chrome中为什么图片会离table边有一段距离？
最基本的
<table width="100%">
<tr>
<td style="width:50px;">
<img src="xxx.jpg" width="50">
</td>
<td>
</td>
</tr>
</table>
这样，图片右边总是有挺大的空隙，大概有20px左右。
为什么会这样呢。
------最佳解决方案--------------------
CSS 默认值在不同的浏览器不一样。
<td style="width:50px;margin: 0 auto;">
------其他解决方案--------------------
将table的 cellpadding 和 cellspacing 设置为 0。
------其他解决方案--------------------
* {margin:0;border:0;padding:0}
------其他解决方案--------------------
代码不全面，无法判断啊
------其他解决方案--------------------
<body style="border:0px; padding:0px; margin:0px;">
<table width="100%">
<tr>
<td style="width:50px;">
<img src="xxx.jpg" width="50">
</td>
<td>
</td>
</tr>
</table>
</body>
这样就对了
------其他解决方案--------------------
边距是设为0了，在ＩＥ中正常，就是在chrome中不行。
最基本的
<table width="100%">
<tr>
<td style="width:50px;">
<img src="xxx.jpg" width="50">
</td>
<td>
</td>
</tr>
</table>
这样，图片右边总是有挺大的空隙，大概有20px左右。
为什么会这样呢。
------最佳解决方案--------------------
CSS 默认值在不同的浏览器不一样。
<td style="width:50px;margin: 0 auto;">
------其他解决方案--------------------
将table的 cellpadding 和 cellspacing 设置为 0。
------其他解决方案--------------------
* {margin:0;border:0;padding:0}
------其他解决方案--------------------
代码不全面，无法判断啊
------其他解决方案--------------------
<body style="border:0px; padding:0px; margin:0px;">
<table width="100%">
<tr>
<td style="width:50px;">
<img src="xxx.jpg" width="50">
</td>
<td>
</td>
</tr>
</table>
</body>
这样就对了
------其他解决方案--------------------
边距是设为0了，在ＩＥ中正常，就是在chrome中不行。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
