提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

javascript - 原生js如何监听水平滚动条距离左边滚的的距离？

监听水平滚动条距左边的滚动的距离

我想大声告诉你 2017-05-19 10:08:22

CSS 问题：水平滚动（overflow-x：scroll）不起作用

我有3个“页面”，想要水平滚动它们。我已经成功创建了一个水平滚动条，但是当我用鼠标滚轮向上/向下滚动时什么也没有发生。这就是我的容器的样子：body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;}完整的HTML+CSS：body{width:100vw;hei

P粉295616170 2024-03-29 16:06:18

如何仅在水平滚动条上应用CSS

我是一名新实习生，他们给了一个简单的任务：个性化水平滚动条我有这段代码，但垂直滚动条消失了...我需要它在垂直方向上默认...只有水平滚动条必须个性化。::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizontal{border-radius:8px;background-color:rgba(92,92,92,0.5);}如

P粉276876663 2024-04-01 16:25:15

如何在 div 块内将文本（水平和垂直）居中？

Ihaveadivsettodisplay:block(90pxheightandwidth),andIhavesometextinside.我需要文本在垂直和水平方向上居中对齐。Ihavetriedtext-align:center,butitdoesn'tdotheverticalcenteringpart,soItriedvertical-align:middle,butitdidn'two

P粉969253139 2023-08-24 16:58:26

通过水平滚动增强 mjml 表并添加溢出

我正在使用mjml创建包含表的电子邮件模板。而且标题名称很长，表格在水平方向上变得太大。我想让它在蓝色容器内水平滚动，但我无法做到这一点。如何使其可滚动？这是mjml的实时代码

P粉464088437 2024-03-27 22:43:41

HTML中如何实现三个div的水平定位？

我正在创建一个样本网站，其中有三个水平分区。我希望最左边的分区宽度为25％，中间的分区宽度为50％，右边的分区宽度为25％，以便分区水平填满100％的空间。<html><title>网站标题</title><divid="thewholething"style="heig

P粉419164700 2023-08-21 19:20:03

实现元素的水平居中对齐

如何使用CSS将一个<div>在另一个<div>内水平居中？<divid="outer"><divid="inner">Foofoo</div></div>

P粉268284930 2023-08-21 10:25:54

CSS实现水平按钮，无需其他技术

我正在尝试创建两个水平按钮，它们的宽度相同-基于最长按钮的宽度。每个按钮的文本内容可以由用户在单独的页面上调整...因此我无法控制他们的文本长度/第一个按钮和第二个按钮的文本长度。我希望按钮能够根据最长文本的长度进行调整，但不要超出页面的宽度（例如在移动设备上）。我希望按钮默认水平显示，但如果它们不能水平显示，则堆叠为列。如果整个文本无法适应，我需要按钮的文本换行。<divclass=&qu

P粉893457026 2023-09-04 12:29:02

CSS技巧：创建水平线和居中文字

我正在尝试制作一个带有一些文本的水平分隔线。例如：-----------------------------------这里是我的标题-----------------------------有没有办法在CSS中实现这个效果？显然不需要使用所有的"-"破折号。

P粉248602298 2023-08-20 15:11:18

javascript - css 控制 div 始终水平垂直居中，这个div大小还不同

css 控制加了一个统一类名的div，想让他水平垂直居中显示，但是这个div大小不一样，css就不能写固定，其他同学有什么好的思路没

欧阳克 2017-06-26 10:52:35

标题重写为：使用Flexbox实现元素的水平和垂直居中

如何使用flexbox在容器中水平和垂直居中div。在下面的示例中，我希望每个数字都在下面（按行）居中。.flex-container{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;}row{width:100%;}.flex-item{background:tom

P粉748218846 2023-08-20 13:00:18

如何在网格中使用列来水平包裹 flex？

https://codepen.io/itaied246/pen/eYbOWjm我成功地创建了一个具有垂直滚动的弹性框，它横向填充空间并向下滚动。我想要水平地做同样的事情，即垂直填充空间并向右滚动。我的flexdiv位于一个相应的grid中，其max-content。我漏掉了什么？

P粉481035232 2023-08-16 21:11:09

TailwindCSS的截断类未被使用 - 导致大量水平滚动

我在使用Tailwindstruncate类时遇到了麻烦：https://tailwindcss.com/docs/text-overflow#truncate这似乎是一个超级智能的实用程序，但浏览器似乎会做任何事情来不截断文本-包括超长的水平滚动，这是绝对不可取的。如何让浏览器对截断文本更加宽松？

P粉733166744 2024-03-30 18:26:21

表格将水平增长而不是垂直增长

我正在尝试制作一个计算器，目前正在研究HTML和CSS。我正在尝试使计算器在垂直和水平方向上都更大。我可以使用width:100%或flex:11100%轻松增加宽度以适应容器；但是，每当我尝试用height:100%;增加高度时它超出了容器的范围，输入按钮变得很大。我尝试过使用flex-basis和flex-grow让它也垂直增长，但我做不到。<body><divclass=&

P粉087074897 2023-09-15 17:32:14

重新写的标题：在改变大小的情况下，水平和垂直居中一个固定的HTML方形或圆形元素

如何使尺寸变化的方形或圆形固定html元素水平和垂直居中？我认为宽度和高度必须保持相等这一事实带来了困难。

P粉455093123 2024-04-04 12:31:51

如何在 CSS 中使浮动元素垂直堆叠而不是水平堆叠？

我正在尝试制作一个包含两列的网页，一侧具有主要内容，另一侧具有额外的内容。但是因为我使用浮动属性将额外的列向左对齐，所以它水平堆叠，但我希望它垂直堆叠。我当前的代码：.topicheader{padding:2%2%;float:leftdisplay:block;background-image:linear-gradient(totop,rgb(40,40,40),rgb(50,50,50))

P粉982054449 2024-04-06 20:45:26

javascript - 手机版网站导航条水平滑动减速效果是如何实现的

各大网站手机版的导航条一般是可以水平滑动的，在触摸滑动离开手机屏幕之后还有减速滑动的效果，挺喜欢这个功能的，全网搜了很多，找到的都是介绍js 触摸事件，一直没找到详细的方法，还请大神说一下原理，具体...

给我你的怀抱 2017-06-28 09:27:42

尝试将两张水平卡片对齐在一起，以便两个图像的底部对齐在一起

图像的卡片与旁边的卡片未完全对齐我一直在尝试对齐两张水平卡片，以便图像的底部对齐在一起。这是我当前的html代码：<divclass="container"><divclass="row"><divclass="col"><divclass="cardw-100d-flexflex-co

P粉393030917 2023-09-11 15:00:03

寻觅部门薪资的平均水平

我有两个表db_employee(id,first_name,last_name,salary,department_id)db_dept(department_id,department)这里是一些示例数据db_employeeid-fist_name-last_name-salary-department_id10301-Keith-Morgan-27056-210302-Tyler-Boot

P粉329425839 2023-09-02 20:56:48

平铺布局中带有水平滚动的按钮

我有很多按钮以瓷砖布局垂直滚动，就像这样：<style>.tile-button{width:33.3%;height:100px;background-color:lightblue;border:solid1pxgray;white-space:normal;maring:0px;}</style><bodystyle="margin:0;"&

P粉823268006 2023-08-31 20:54:51