如何使用twitter-bootstrap删除跨度上的水平滚动？

Question

我正在使用twitter-bootstrap，我一直在这个HTML页面的最右边的模块（趋势）部分看到一个水平滚动。当我将其从span2缩小到span1时，会使图像变小。它似乎不像图像或文本占用了其余的空间。关于如何摆脱横向滚动的任何建议？

此外，当我使窗口的宽度变小时，小图像缩略图与主视频发生冲突。我该如何解决这个问题？

可以找到页面here。

Answer 1

您需要overflow-x属性

.my-class {
    overflow-x: hidden;
}

还有overflow（垂直和水平溢出）和overflow-y（仅用于垂直溢出）。

我知道人们不喜欢w3school但是这里有溢出的值x可以http://www.w3schools.com/cssref/css3_pr_overflow-x.asp

Answer 2

对于内联解决方案：

<span style={{
  overflowX: "hidden"
}}>

hidden也可以是scroll，auto或visible