首页
学习
活动
专区
圈层
工具
发布

解决移动端水平滚动使用justify-content显示不全问题

由于选项的个数是不一定的,如果很少的话不会有横向滚动,是需要居中的 ?...自然而然的是这么写的 .father { display:flex; justify-content: center;...如果把father里的justify-content: center;换成justify-content: space-between;或者justify-content: left; 是可以的,但是当只展示两三个选项时就会间距过大...而我们需要选项过少的时候是center效果,多了则显示全并能滚动。 想过对第一个选项的css单独处理,但是还要判断选项个数,其实和自己试出来的页面能展示多少个选项不滚动没区别。...不想写js和复杂的css,尝试了很多次,最终发现在father外面再包一层div给他justify-content: center;就可以了,搜了半天也没搜到答案,真是个坑, 注意父元素不能再加justify-content

3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTTP content-type

    Content-Type(内容类型),一般是指网页中存在的 Content-Type,用于定义网络文件的类型和网页的编码,决定浏览器将以什么形式、什么编码读取这个文件,这就是经常看到一些 PHP 网页点击的结果却是下载一个文件或一张图片的原因...Content-Type 标头告诉客户端实际返回的内容的内容类型。...语法格式: Content-Type: text/html; charset=utf-8 Content-Type: multipart/form-data; boundary=something 常见的媒体格式类型如下...格式发送到服务器(表单默认的提交数据的格式) 另外一种常见的媒体格式是上传文件之时使用的: multipart/form-data : 需要在表单中进行文件上传时,就需要使用该格式 ---- HTTP content-type...对照表 文件扩展名 Content-Type(Mime-Type) 文件扩展名 Content-Type(Mime-Type) .*( 二进制流,不知道下载文件类型) application/octet-stream

    79620

    何为 content-visibility?

    好,我们实际开始进行滚动,看看会发生什么: 由于下方的元素在滚动的过程中,出现在视口范围内才被渲染,因此,滚动条出现了明显的飘忽不定的抖动现象。...利用 contain-intrinsic-size 解决滚动条抖动问题 当然,content-visibility 也存在一些小问题。...从上面的例子,也能看到,在利用 content-visibility: auto 处理长文本、长列表的时候。在滚动页面的过程中,滚动条一直在抖动,这不是一个很好的体验。...那么实际的滚动效果,滚动条就是抖动的: 所以,我们可以同时利用上 contain-intrinsic-size,如果能准确知道设置了 content-visibility: auto 的元素在渲染状态下的高度...: auto 元素的高宽,可以有效的避免滚动条在滚动过程中的抖动; content-visibility: auto 无法直接替代 LazyLoad,设置了 content-visibility: auto

    2K10
    领券