css - 如何使一组内联 block 元素在 div 内滚动

Question

我有一堆 <label>我的元素 <footer> .现在，标签在超过 <footer> 的宽度时换行。 .

如何让标签在页脚内水平滚动？

这是一个 JSFiddle，其中标签被包装。 http://jsfiddle.net/DTcHh/5088/

Answer 1

很简单:

footer {
    background: black;
    padding: 10px;
    overflow-x: auto; /* scrollbar only when needed */
}
footer .btn-group {
    font-size: 0; /* eliminates the white space gap between non-floated .btn s */
    white-space: nowrap; /* prevents child inline .btn s from wrapping to the next line */
}
footer .btn-group .btn {
    float: none;
}

演示: http://jsfiddle.net/DTcHh/5091/