首页 > 其他分享 >css 横向滚动

css 横向滚动

时间:2022-12-19 15:46:55浏览次数:43  
标签:flex 滚动 横向 li css justify

 ul {

/*允许横向滚动*/
overflow-x: scroll;
display: flex;
/*禁止纵向滚动*/
overflow-y: hidden;

/*文本平铺*/
text-align: justify;
justify-content: flex-start;
}

 ul li {
/*保证li不会缩放*/
flex-shrink:0;

}

标签:flex,滚动,横向,li,css,justify
From: https://www.cnblogs.com/zhaoyun4122/p/16992310.html

相关文章

  • 开局一张图,构建神奇的 CSS 效果
    假设,我们有这样一张Gif图:利用CSS,我们尝试来搞一些事情。图片的GlitchArt风在这篇文章中--CSS故障艺术,我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有......
  • Spring Cloud实践:降级、限流、滚动、灰度、AB、金丝雀的实现思路
    端口:8888,方便起见直接读取配置文件,生产环境可以读取git。application-dev.properties为全局配置。先启动配置中心,所有服务的配置(包括注册中心的地址)均从配置中心读取。consu......
  • echarts警告、css元素隐藏
    在页面渲染的时候,控制台有时候会出现  Thereisachartinstancealreadyinitializedonthedom  的警告,这种原因是因为echarts的dom已经存在。解决方法:在加载ec......
  • CSS Grid 网格布局教程
    一、概述网格布局(Grid)是最强大的CSS布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的CSS框架达到的效果,现在浏览......
  • 18号CSS学习
    一、CSS简介 1.HTML局限性只关注内容的语义。“丑”2.CSS-网页的美容师CSS是层叠样式表的简称,也称为CSS样式表或级联样式表。主要用于设置HTML页面中的文本内容(......
  • 前端学习-CSS-08-盒子模型
    学习时间:2022.11.13目录盒子模型盒子模型的介绍内容的宽高边框(border)连写形式单方向设置单个属性简单案例内边距(padding)内减模式外边距(margin)外边距折叠现象1-合并......
  • 前端学习-CSS-09-浮动
    学习时间:2022.11.14目录浮动结构伪类选择器伪元素浮动浮动的作用浮动的特点清除浮动浮动带来的影响清除浮动的方法方法1:给父母元素加一个高度方法2:额外标签法方法3:单伪元......
  • 前端学习-CSS-10-CSS定位装饰
    学习时间:2022.11.30目录CSS定位装饰定位定位的基本介绍定位的基本方式staticrelativeabsolutefixed不同元素之间的层级关系装饰垂直对齐光标类型边框圆角overflow溢出部分......
  • 实用HTML,CSS和JavaScript速查表--转载
    速查表是帮你记住东西的有效工具。Web设计师和开发者经常使用的快捷键简表会使他们在网上的工作效率大大提高。事实上,速查表就是来帮助我们把日常中最常用到的信息聚集起来......
  • CSS动画
    动画:transfprmm2D变形设置网页元素样式transition制作过度动画:property过度或动态模拟css属性duration:过度需要的时间timing-function过度函数delay过度......