Meta name="viewport" content="width=device-width"/>
Box
{
//display: -webkit-Box;
//-webkit-Box-orient: horizontal;
//-webkit-Box-align: stretch;
//width: auto;
}
Box">
为什么这些图像之间总是有一个小空间,即使我有填充和放大在主体和页面中的所有其他元素上设置为0？
好的,这是完整的未经编辑的代码.
编辑：刚刚发现它在两个IMG之间的换行符.
所以……我不能在两个元素之间输入？大声笑… ：)
最佳答案
默认情况下,图像以内嵌方式显示,这可能是您的问题. HTML中的空格字符是精简的,但如果HTML元素之间存在空格,它们仍将显示为空格.
以下HTML将呈现图像之间的微小空间.
如果你想让它们相互冲洗,你可以尝试浮动图像：
img {
float: left;
}
如果你是CSS新手,浮动有自己的问题.
另一种方法是调整标记以消除额外的空白字符.执行此操作的常用方法称为“fishy”语法：
它的工作方式是关闭>每个元素的字符移动到开头之前<字符使得任何HTML元素中都没有空格作为内容.相反,缩进的空格是在HTML标记内,其中完全忽略了空格.
有一个w3c feature request for a new property on white-space,理论上可以允许CSS从元素中删除所有空格.原始提案是白色空间：忽略;但我更喜欢(并建议)白色空间：无;
但是,似乎不太可能发生更新空白区域,而是建议使用flexBox来适当地删除空格：
延伸原始的HTML示例：
.images {
display: flex;
}
当然,在商业环境中有足够的跨浏览器支持需要一段时间才能使用,所以暂时我建议坚持使用愚蠢的语法.
