Html CSS浮点/内联块问题 请你检查一下好吗 调整“结果”框的宽度 观察接线盒的布局是否在2和3之间切换 列

Html CSS浮点/内联块问题 请你检查一下好吗 调整“结果”框的宽度 观察接线盒的布局是否在2和3之间切换 列,html,layout,css-float,css,Html,Layout,Css Float,Css,这个小故障正在恶化,我希望布局像这样,即使在调整窗口大小时也保持这样: _________ | ▄ ▄ ▄ | | 1 2 3 | | ▄ ▄ ▄ | | 4 5 6 | ¯¯¯¯¯¯¯¯¯ 你能修改HTML/CSS以完善布局并消除小故障吗 提前谢谢 通过在img框上设置以px为单位的高度来修复它通过在img框上设置以px为单位的高度来修复它检查此示例css: 检查此示例css: 您可以将所有img包装在div中,并在div 示例:您可以将所有img包装在div中,并在div上设置特定的宽度

这个小故障正在恶化,我希望布局像这样,即使在调整窗口大小时也保持这样:

_________
| ▄ ▄ ▄ |
| 1 2 3 |
| ▄ ▄ ▄ |
| 4 5 6 |
¯¯¯¯¯¯¯¯¯
你能修改HTML/CSS以完善布局并消除小故障吗

提前谢谢

通过在img框上设置以px为单位的高度来修复它

通过在img框上设置以px为单位的高度来修复它

检查此示例css:

检查此示例css:


您可以将所有
img
包装在
div
中,并在
div


示例:

您可以将所有
img
包装在
div
中,并在
div
上设置特定的
宽度


示例:

您是否尝试过将宽度降低到32%?对我有效,但我没有在很多浏览器上测试。

你试过将宽度降低到32%吗?这对我来说很有效,但我没有在很多浏览器上进行测试。

我正在考虑一种解决方案,可以使图片缩放。然而,我想这可能是一种选择。非常感谢。我正在考虑一个解决方案,使图片能够缩放。然而,我想这可能是一种选择。非常感谢。
a {
    float:left; 
    width: 33%;
    margin: 0;
    padding: 4px 0;
    color: #000;
    font: medium sans-serif;
    text-align: center;
}
a:nth-child(4){clear:both}
img {
    width: 80%;
}