为什么黑莓手机的 td 中没有正确的填充答案

【问题标题】：Why there is no right padding in td for blackberry phone为什么黑莓手机的 td 中没有正确的填充
【发布时间】：2018-12-20 23:21:18
【问题描述】：

我正在尝试将padding:3px 应用于td，但当您重新调整窗口大小时，它并未应用于td 的右侧

这是我试过的DEMO

在 chrome 中检查一下，看看我的截图。

屏幕截图（看图片的右侧，没有应用填充）

当我使用 inline-block 进行图像处理时，它在浏览器中有效，但在黑莓手机中无效

【问题讨论】：

在那里应用填充，将其更改为大值并尝试
有填充物。我只是调整了它的大小并通过萤火虫和它在那里检查。
填充在那里，但它没有应用于右侧。如果我删除图像边框，它会起作用
您是在什么浏览器中遇到这种情况的？
我可以使用 Chromium 18 确认所描述的行为。填充在所有方面的数量都不相同（右侧缺少一些），即图像未正确居中。甚至在将填充设置为更高的值时也是如此，例如1em。删除 min-width: 100%; 时，右侧的填充变得可见

【解决方案1】：

在我看来，在 image 元素上组合 max-width 和 border 存在问题。边框不计入the default CSS box model 中的宽度。因此，图像会水平向右移动到左边框的宽度。

我想到了一些可能的解决方法：

A) 在图像元素上使用 box-sizing: border-box; 以切换到 Internet Explorer 在 Quirks 模式下使用的以前的历史盒子模型。

一个所有浏览器的例子，这里使用box-sizing-polyfill来实现IE6和IE7的这个盒子模型，而不需要切换到Quirks模式：

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(js/boxsizing.htc);

B) 将图片的max-width设置为98%。使用此方法时，您还必须找到减少周围元素的底部填充，在您的情况下是表格单元格。

C) 将图像向左移动其左边框的宽度：margin: 0 0 0 -2px;。这将使图像居中，但水平填充比左右边框的宽度小。

【讨论】：

【解决方案2】：

只需使用display: block 而不是max-width: 100% 作为您在css 中的图像。希望这对你有用。

【讨论】：