css - 水平显示图像/ block

Question

我试图让一个 div 来显示图像/ block 而不溢出 y 轴但溢出 x 轴。

这是我失败的尝试 http://fiddle.jshell.net/VJX3p/1/

Answer 1

将 white-space: nowrap; 样式应用于子 div 图像将水平对齐

#child {
  position:relative;
  background:#fde;
  width:400px;
  height:300px;
  overflow-x:auto;
  white-space: nowrap;
}