为什么在td中黑莓手机没有合适的填充？
为什么在td中黑莓手机没有合适的填充？
提问于 2012-12-13 05:02:01
我正在尝试将padding:3px应用于td，但当您重新调整窗口大小时，它并不适用于td的右侧。
这是我试过的演示
用铬检查这个，看看我的屏幕截图.
屏幕截图(查看图像的右侧，没有应用填充)
当我使用内联块来显示图像时，它在浏览器中工作，而在黑莓手机中不起作用。
回答 2
Stack Overflow用户
发布于 2012-12-13 05:37:38
在我看来，将max-width和border组合在image元素上有一个问题。边框在默认的CSS框模型中不计算为宽度。因此，图像水平地移动到右边是左边框的宽度。
我想到了一些可能的解决办法：
在图像元素上使用box-sizing: border-box;来切换到Internet在古怪模式下使用的以前的历史框模型。
一个针对所有浏览器的示例，在这里使用箱式施胶.聚脂填充来实现IE6 & IE7的这个盒子模型，而不需要切换到古怪模式：
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(js/boxsizing.htc);( max-width B)将图像的设置为使用此方法时，还必须找到减少周围元素的底部填充，在您的情况下是表格单元格。
( margin: 0 0 0 -2px;. ) C)通过左边框的宽度将图像移动到左侧：这将使图像居中，但水平垫片的宽度以左、右边框的宽度为单位。
Stack Overflow用户
发布于 2012-12-13 05:53:56
在css中，只需使用display: block而不是max-width: 100%来处理您的图像。希望这对你有用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13860425
复制相关文章
相似问题
腾讯云开发者
