首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使一组内联块元素在div内滚动。

如何使一组内联块元素在div内滚动。
EN

Stack Overflow用户
提问于 2015-03-04 13:25:26
回答 2查看 839关注 0票数 3

我的<footer>中有一堆<footer>元素。现在,当标签超过<footer>的宽度时,标签就会被包装。

如何使标签在页脚内水平滚动?

这是一个标签包装的JSFiddle。http://jsfiddle.net/DTcHh/5088/

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-03-04 13:37:11

很简单:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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/

票数 4
EN

Stack Overflow用户

发布于 2015-03-04 13:38:11

This应该能帮上忙。使用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
white-space: nowrap;

以防止它从新行开始,然后:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
overflow-x: scroll;

让它使用滚动条。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28865283

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文