css 相关问题

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体和动画。它还描述了元素应如何在屏幕上,纸上,语音或其他媒体上呈现。

React-Slick 滑块显示的幻灯片数量多于“slidesToShow”属性中指定的数量

我正在使用react-slick来制作YouTube嵌入式视频的轮播。我已将 'slidesToShow' 值指定为 3。 但它显示了超过 3 张幻灯片,而且幻灯片未居中对齐。

回答 1 投票 0

创建自己的 CSS 网格,“offset”类会扰乱宽度

我正在尝试创建自己的 CSS 网格,带有偏移类。 问题是,当我将偏移类应用于列时,它会弄乱它的宽度,并且列会变得非常窄。没有o...

回答 1 投票 0

带有 {bslib} 包的 R Shiny 1.6:移动设备上的导航栏样式 - Bootstrap 4 与 Bootstrap 3

我最近更新到 Shiny 版本 1.6 以使用新合并的 bslib 包的 Bootstrap 4 样式。但是,从版本 3 迁移到

回答 2 投票 0

在 React 教程中,React 如何知道指定为维度的数字以像素为单位?

https://react.dev/learn#displaying-data 常量用户 = { 姓名:“海蒂·拉玛”, imageUrl: 'https://i.imgur.com/yXOvdOSs.jpg', 图像大小:90, }; 导出默认函数 Profile() { 返回 ( ...

回答 1 投票 0

通过 npm 安装 tailwind 后,Tailwind 类无法工作

我使用 npm 安装了 tailwind css,然后构建 css 来获取 output.css 文件,但是在测试它时,类不起作用。 这是我使用的脚本: “脚本”:{ ”

回答 1 投票 0

Swiper js动画

我们的项目中如何获取swiper js的Carousel Slider动画呢? 我找不到swiper js中Carousel Slider动画的源代码。我需要添加轮播滑块动画......

回答 1 投票 0

让孩子在父母滚动时保持粘性

假设我有一个与此类似的结构: 假设我有一个与此类似的结构: <div id="list" style="width: 500px; height: 300px; overflow: auto;"> <div id="list_wrapper" style="width: 700px;"> <div class="row" style="width: 100%; height: 50px;"> <span style="display: inline-block; width: 200px;">Title</span> <span>Content</span> </div> <!-- more rows --> </div> </div> 此处的列表可以水平滚动,因为 list_wrapper 大于 list 本身。我想归档当水平滚动时,span的标题row保持粘在列表的左侧,但我不知道该怎么做。仅使用 CSS 可以实现这种行为吗? 我给元素设置了背景颜色来区分它们。 可以为 Title 元素赋予 position: sticky;left: 0。 <div id="list" style="width: 500px; height: 300px; overflow: auto;background:green;"> <div id="list_wrapper" style="width: 700px;background:red;"> <div class="row" style="width: 100%; height: 50px;"> <span style="display: inline-block; width: 200px;position: sticky;left: 0;background: blue;">Title</span> <span>Content</span> </div> <!-- more rows --> </div> </div>

回答 1 投票 0

Next.js CSS 文件冲突

我是 Next.js 的新手,所以我正在寻找解决我的问题的方法并同时寻求建议。 问题: -在空 URL(只是 localhost:8081)上,我有一个登录表单,可以选择切换到

回答 1 投票 0

使用随机字母或单词作为属性来到达 CSS 中的 HTML 元素是一个很好的做法吗?

我试图搜索这个,但没有找到任何答案,所以...... 使用随机字母或单词作为属性来到达 CSS 中的 HTML 元素是一个好的做法吗? 像这样: 使用字母 a 到 r...

回答 1 投票 0

如何在React.js中添加图标

软件包:material-ui/core 已被删除。我应该怎么做才能将图标添加到我的 应用程序.jsx。 https://www.npmjs.com/package/@material-ui/core 我正在代码沙箱上运行它......

回答 3 投票 0

通过 Javascript 将 CSS 与音频大声噪音同步

我完全是一个不懂音乐的人,我不知道如何找到解决方案。我有一个简单的 CSS 动画,我想在每次打雷(条形音箱的峰值)时通过 Javascript 触发该动画

回答 1 投票 0

为什么 vercel 在网页中部署时不渲染我的 css 文件?

在本地主机上运行时,输出符合预期。 但是在 GitHub 中更新样式后,然后在 vercel 上部署此 URL:https://varshaa.vercel.app/JSbasics/counter 后,w...

回答 1 投票 0

如何在 Vue.js 中使用 /deep/ 或 >>> 或 ::v-deep?

所以,我在这里读到,在 Vue.js 中,您可以在选择器中使用 /deep/ 或 >>> 来创建适用于子组件内部元素的样式规则。然而,尝试使用这个...

回答 9 投票 0

我的网站上有一个图像链接,当我将鼠标悬停在其上时,该链接会发生变化,如何将两个图像都转换为链接?

我的网站使用图像作为另一个页面的链接,我决定将鼠标悬停在图像上时更改图像,以获得一些额外的效果。我找到了一种方法,但我发现悬停

回答 1 投票 0

960px网格系统仍然是网页设计的标准吗?

我一直在学习有关 Web 开发的综合 Udemy 课程,960px 网格系统已被提及几次。由于该课程似乎已有几年历史,我想问一下这是否是

回答 1 投票 0

如何使多个元素彼此粘在一起?

我正在尝试一种场景,其中一个标题将是粘性的,后面是粘性的子标题,然后是表标题。 在这个设置中,我希望 .first 类变得粘在

回答 1 投票 0

当过渡颜色与初始颜色相同时,悬停时过渡延迟不会重置

鉴于codepen - https://codepen.io/jonny-b31/pen/ExzPypw 我创建了一个包含 2 个块的容器,当我将鼠标悬停在它们上时,我必须相应地更新背景。默认情况下,块 1 颜色是...

回答 1 投票 0

如何将顶部 3 行 3 个方块仅移至右侧?

这段代码有38个方格。我正在尝试将顶部的 3 行移动到右侧的 3 个方块。 我尝试了各种方法,但没有效果。如何将顶部的这 3 行移至右侧 3

回答 1 投票 0

根据其父级的高度设置宽度

全球问题: 我想根据父级的高度设置元素的宽度,我知道你可以使用 padding-top 根据父级的宽度设置高度,也许有人知道...

回答 5 投票 0

如何将元素的错误背景设置为白色?

我想为错误消息提供白色背景,仅适用于选择的元素(或特定的 ID 或名称)。我努力了: 选择.错误{ 背景颜色:白色; } 这是选择的 html: 我想只为选择的元素(或特定的 ID 或名称)提供白色背景的错误消息。我试过了: select .error { background-color: white; } 这是选择的html: <div class="col-md-2"> <div class="form-select-group"> <label class="whiteFont" for="selectState">Select Branch:</label> <select class="form-control" id="selectState" name="selectState"> <option value="" disabled selected>Select your Branch</option> <option>Option A</option> <option>Option B</option> </select> </div> </div> 我询问 ChatGPT 并得到: select + .error { background-color: white; } 我以前没见过“+”。我看到的所有答案都是element.class。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.