css横向滚动
【css横向滚动】css横向滚动三要素:
1、父元素设置width为100%,横向滚动overflow-x: scroll;
2、父元素不换行white-space: nowrap;
3、子元素设置为行内块级元素display: inline-block;
.label-sec{
width: 100%;
height: 6rem;
overflow: hidden;
overflow-x: auto;
white-space:nowrap;
.label-span{
display: inline-flex;
min-width: 20rem;
height: 4.67rem;
}
}
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 3.css浮动
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- CSS兼容性笔记
- 2020-12-21|2020-12-21 芬兰教育的“横向胜任力”
- 微信小程序____CSS篇之定位(position)及浮动(float)
- 18,页面优化
- Web前端如何学习?