解决over-flow不能生效问题

原创已于 2023-04-12 17:14:40 修改 · 456 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

于 2022-11-18 14:05:12 首次发布

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用CSS中的display:-webkit-box属性来实现水平滚动条的方法，通过设置overflow-x为scroll和overflow-y为hidden，可以创建一个仅水平方向可滚动的容器。

display: -webkit-box;  // 这句是重点，加了它就好使了。
overflow-x: scroll;
overflow-y: hidden;

加个display: -webkit-box;原理目前没时间研究，以后研究一下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Acrisabld

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序中hidden不生效原因的解决办法

08-30

在微信小程序开发过程中，开发者可能会遇到`hidden`属性不生效的问题。`hidden`属性是微信小程序提供的一种简单隐藏元素的方式，但有时它可能不会按照预期工作。本文将深入探讨这个问题，并提供解决方案。首先，...

CSS中overflow-y: visible;不起作用的原因分析及解决方法

12-28

场景最近要做的一个需求是移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片左上角要有...不就搞定了嘛。Demo如下： <div class=delete_btn></div> <div class=delete_btn>

参与评论您还未登录，请先登录后发表或查看评论

overflow失效问题

Tidecony的博客

12-29

2544

通常一个盒子的内容是被限制在盒子边界之内的。但有时也会产生溢出，即部分或全部内容跑到盒子边界之外。溢出将在满足下列条件之一时出现：1. 一个不换行的行元素宽度超出了容器盒子宽度。2. 一个宽度固定的块元素放在了比它窄的容器盒子内。3. 一个元素的高度超出了容器盒子的高度。4. 一个子孙元素，由负边距值引起的部分内容在盒子外部。5. text-indent属性引起的行内元素在盒子的左右边界外。6.

li设置over-flow:hidden失效

感恩、奋进、自信

12-21

6178

问题：给li设置over-flow:hidden失效1、html<ul class=" lotteryNameList"> <li class="name">讲讲讲讲讲讲讲讲</li> <li class="name">讲讲</li> <li class="nam

vant组件overlay设置溢出滚动在手机上没有效果

qq_45989814的博客

12-04

1249

vant 属性lock-scroll

[已解决]vant 样式不生效

bellnai的博客

04-22

5632

样式效果如下所示（tip：这里采用van-button标签）：打开开发者工具，发现是这里的原因（tip：van-nav-bar_title是van-button的父节点对此，应进行如下更改然后我刷新没有改变，打开开发者工具发现样式没有改变到此，我就到网上进行查询，大部分说的都是vant下载引用的问题，在这里我说下大概总的情况我本人采用方法三解决的，如果觉得自己安装下载都没有问题的话，可直接跳到方法三查看方法一：（下载安装问题）1.在项目目录下打开cmd，输入vue ui。

LogicFlow 项目常见问题解决方案

gitblog_09576的博客

09-13

1097

LogicFlow 项目常见问题解决方案【免费下载链接】LogicFlow A flow chart editing framework focusing on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。 ...

CSS属性text-overflow的使用问题

11-21

`强制文本在同一行内显示，不允许换行，这使得文本保持在一个单行区域内，这样当设置了固定宽度并且内容超出了这个宽度时，`text-overflow`就能发挥作用。 `width`属性则定义了元素的宽度，它是决定文本何时开始被...

移动端的text-overflow多行文本溢出显示省略号(…)

12-10

然而，`-webkit-line-clamp`并不是一个跨浏览器的解决方案，对于非WebKit的浏览器（如Firefox、Edge等），我们需要采用其他方法。一种常见的兼容性方案是通过设置容器的高度和相对定位的伪元素来模拟多行省略号效果...

UART透传不稳怎么办？掌握4个关键点，彻底解决NB-IoT串口通信难题

[UART透传不稳怎么办？掌握4个关键点，彻底解决NB-IoT串口通信难题](https://5g-tools.com/wp-content/uploads/2020/01/nb-iot-link-budget.jpg) # 1. NB-IoT串口通信中的UART透传问题概述在NB-IoT终端设备开发中...

overflow:auto 不生效的原因

热门推荐

sdewendong的专栏

11-24

3万+

今天给我的一个div加滚动条的样式，overflow:auto ，死活不生效。最后发现问题：为div指定overflow属性为auto没问题，但是必须指定div的高度，例子： <div style="position:absolute; height:300px; overflow:auto"> </div> position:absolute 可加可不加，自己试...

排查不生效的overflow问题

lx233

03-16

2125

overflow问题：场景：父元素area 下el-tabs，el-tab单页有的需要展示滚动条，有的不需要（因为是内嵌页面，内嵌里有自己的滚动条） 1、本来是给area都设置滚动条，先取消了area给el-tabs的滚动条 2、此时发现，无论怎么给从里往外的元素加overflow scroll都无效，或者加了定位，也无效原因：仔细点F12小手，看区域此时可以看到，area只有那么一小块，是el-tabs的内容超出了，设置滚动条的元素越级了换句话说，el-tab在el-tabs的容器内没有ov

CSS 全屏布局使用float和over-flow

xvzhengyang的博客

11-28

1万+

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全屏布局</title>  &lt

关于transform搭配overflow使用时的问题

HolyGhost_的博客

04-07

2067

关于transform搭配overflow使用时的问题今天写代码的时候,准备在输入框的下方使用transform搭配overflow进行动画移入效果,发现了一些比较奇怪的事情首先看HTML代码 <div class="inf"> <input type="text" required placeholder="请输入账号"/> </div> ...

移动端overflow无效问题

hql1439493352的博客

01-24

3620

这里写自定义目录标题功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入我们对Markdown编辑器进行了一些功能拓展与语...

前端原生能力速查笔记（HTML + 浏览器 API 实战篇）

奋斗的小前端

12-16

127

本文总结了前端开发中无需框架即可实现的高频实用功能：1）a标签下载文件的核心原理与注意事项；2）前端打印功能的基础实现与进阶优化；3）HTML原生实用属性；4）浏览器内置JavaScript API（剪贴板、全屏、本地存储等）。这些原生功能可提升开发效率，建议作为日常开发速查和基础能力沉淀。

Html中常用的块标签!!!12.16日

2501_90845920的博客

12-16

974

用dl创建列表，dt表示下定义（小标题），dd表示对定义内容补充默认样式：dl上下有16像素的外边距dd左侧有40像素的外边距1、给列表增加type属性，可以修改项目符号（了解一下），但一般我们不用列表的默认的项目符号ol type属性值可选：1(默认值)，A,a,I,i下图所示为有序列表中默认项目符号改为Aul type属性值可选：disc，默认值，实心的圆点square，实心的方块circle，空心的圆下图所示为无序列表中默认项目符号改为空心的圆。

使用Java将HTML内容转换为Word文档