两个tab，怎么让红色圈住的tab能横向滚动，超出长度，在电脑上可以滚动，手机里不行
前端实现页面标题超出宽度实现横向滚动
两个tab，怎么让红色圈住的tab能横向滚动，超出长度，在电脑上可以滚动，手机里不行
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
syksdl 2024-01-17 20:39关注滚动的直接父级标签
宽度设置为屏幕宽度width:100vw；
且内容不能换行；
再加上overflow-x:auto;本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2016-06-17 04:32回答 1 已采纳 配置fit:true 还不行用css控制，增加overflow:hidden ``` ```
- 2021-11-09 11:43回答 1 已采纳 flex布局，给要显示的div加overflow-x: scroll;
- 2021-05-22 00:54回答 2 已采纳 完工~ <style>#tab1,#tab2{width:400px;margin:20px auto} .tab{border:solid 1px #ccc;} .tab .
- 2020-10-15 21:49在这里，`:val`属性用于传递需要滚动的文字，当文字的总长度超过容器宽度时，就会自动触发横向滚动效果。 ### 2. 自定义Vue组件实现滚动效果 如果不使用第三方组件，我们也可以自己编写一个Vue组件来实现滚动效果...
- 2021-12-02 11:42回答 2 已采纳 1.将父节点的flex去掉，添加 white-space: nowrap; 2.子节点设置 display: inline-block;
- 2022-05-26 14:23回答 2 已采纳 不用百分比,用实际宽度
- 2021-12-28 20:05回答 3 已采纳 用swiper，很简单https://www.swiper.com.cn/demo/web/index.html
- 2022-10-08 17:04欧力给olg的博客 内容超出容器时实现横向滚动条
- 2023-01-30 16:37回答 1 已采纳 一个图800，两个图1600，你只要设置父元素宽度1600，超出直接overflow-x:scroll就可以了，这是最笨的办法，还有其他办法就是flex呗也行
- 2017-05-23 06:11回答 2 已采纳 你肯定是不想出现横向滚动条的吧，那就把body再加一条设置：overflow-x：hidden; 把.dojoxGridMasterView里面设置的overflow:auto!important去
- 2021-08-09 11:20回答 2 已采纳 /*隐藏这句话*/ justify-content: space-around;
- 2023-03-31 15:43TTLLZZHH的博客 【代码】CSS设置超出宽度时，可以横向滚动，并隐藏滚动条。
- 2022-09-28 17:35回答 1 已采纳 给他换行一下不就可以了列如用弹性布局 //写在循环外面的的模块中 display: flex; align-items: center; /* justify-content: space-
- 2024-06-20 17:17spring_007_999的博客 设置td的宽度超出屏幕宽度横向滚动
- 2022-04-16 13:10jasmyn518的博客 实现效果：根据页面宽度，当页面宽度超出内容时，页面禁止横向滚动，页面宽度小于内容时，页面横向滚动。根据页面的不同宽度，字体大小也会相应变化。 HTML部分： <!DOCTYPE html> <html lang="en"> &...
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月26日
已采纳回答
1月18日-
创建了问题
1月16日
悬赏问题
- ¥15 想问一下STM32创建工程模板时遇到得问题
- ¥15 Fiddler抓包443
- ¥20 Qt Quick Android 项目报错及显示问题
- ¥15 而且都没有 OpenCVConfig.cmake文件我是不是需要安装opencv，如何解决？
- ¥15 oracleBIEE analytics
- ¥15 H.264选择性加密例程
- ¥50 windows的SFTP服务器如何能批量同步用户信息？
- ¥15 centos7.9升级python3.0的问题
- ¥15 安装CentOS6时卡住
- ¥20 c语言写的8051单片机存储器mt29的模块程序