使 div 大小适合内容而不会丢失过渡 animation
[英]make div size fit-content without losing transition animation
我的目标是 DIV 的大小（高度）将自行调整以适应 DIV 上的文本。 （同时保持最小高度） 但是如果用户将鼠标移到 DIV 上，DIV 会适当地改变它的高度，而不会失去美丽的过渡效果如果我改变height: fit-content; 要固定大小，假设height: 100px; 转换 anim ...
从底部开始生长 Flexbox 项
[英]Grow Flexbox items from the bottom
我不敢相信我会问这个，因为它一定很简单。 但是我在 react-native 工作，我认为必须使用 flexbox，但我愿意接受建议。 *** 我知道 React Native 会使用视图而不是 Div，但这个问题实际上是关于 flexbox 的，我将无法为此使用网格。 虽然我也很好奇如何在网格中 ...
使用 Tailwind CSS 隐藏移动版本的内容并在桌面上可见
[英]Hide content from mobile version and make visible on desktop, using Tailwind CSS
我尝试使用 Tailwind hidden class 仅在移动屏幕上隐藏我页面中的内容，但它在桌面版中隐藏，在移动版中可见。 我想要相反的。 我的代码：<nav class="hidden lg:block">abc</nav> 我还尝试使用visible和invisib ...
如何修复输入和按钮 alignment
[英]How to fix input and button alignment
我的问题是 alignment 中有 1px 的间隙。如果仔细观察搜索图标 btn 在搜索框上方 1px，我该如何解决？ 我需要两者都相同 alignment。 我试图设置相同的高度，但没有用。 input { border-radius: 10px 0 0 10px; border-right ...
弹性基础：0 不尊重 safari 中的父身高
[英]flex-basis: 0 not respecting parent height in safari
下面是适用于 chrome 和 firefox 的代码，其中 img 尊重父级高度并适合它，但在 safari 中，图像溢出。 我可以通过添加 overflow: hidden 或删除 flex-basis 来解决这个问题。 有人可以分享信息吗？ 此外，它的 2023 和 flexbox 几乎稳定。 ...
Bootstrap 4 下拉菜单只工作一次
[英]Bootstrap 4 dropdown works only once
我正在尝试使用 bootstrap 4 制作下拉菜单。它可以工作，但问题是它只切换一次。 此外，我已经尝试过网站上建议的解决方案，但其中任何一个都可以帮助我。 这是我的代码： ...
如何阻止两个具有绝对定位的嵌套 div 相互重叠？
[英]How to stop two nested divs with absolute positioning from overlapping each other?
我目前正在开发的项目存在响应问题我有一个带有两个嵌套 div 的侧边栏（看起来彼此“分开”的部分 - 请参见下面的预览），只要屏幕高度低于适合屏幕上所有元素所需的空间，它们就会相互重叠. 重叠元素我想知道如何阻止底部与顶部重叠并使侧边栏的内容从该点开始滚动（一旦“声音检测细节”容器开始与“STRO ...
材料 ui select 左侧箭头
[英]material ui select arrow on left side
我是 Material UI 的新手，我想了解一些事情我有一个简单的 select 组件，我有两个问题。 首先我想在左侧而不是右侧制作 select 的箭头图标其次我想将 select 的输入着色为蓝色但我只设法为下拉值着色 这是我试过的任何帮助将不胜感激，谢谢 ...
在 JavaScript 中使用 Element.animate() 更改动画计时功能
[英]Changing animation-timing-function with Element.animate() in JavaScript
我正在尝试使用Element.animate() function 中内置的 JavaScript 为 HTML div制作动画。遗憾的是，我还没有找到一种方法来更改与其他计时设置一起作为第二个参数解析的动画计时功能Element.animate()的 function。 到目前为止我的JavaSc ...
如果你仔细看，工作日的盒子之间几乎没有线条或空间。 这些线条或间隙存在于 chrome 中，但不存在于 firefox 中
[英]Weekday boxes have little lines or spaces between them if you look carefully. These lines or gaps are present in chrome but not in firefox
我正在使用 vite react typescript。 我的应用组件 我的 DatePicker 组件 我的日历组件 最后是我的 css 文件 check this image包含工作日的框在 chrome中有奇怪的空间或黑白线，但在firefox中没有。 我尝试制作容器 flexbox，网格。 ...
在页脚上方停止固定的 div
[英]Stop fixed div above footer
我有一个固定在页面左侧的社交链接菜单，如下所示 和 css 现在有页脚，我不希望页脚顶部的菜单，而是应该停在页脚上方。 我怎样才能做到这一点？ 我不想简单地更改底部 position，而是它应该在 22px 但停在页脚上方。 ...
因为 VISUAL STUDIO CODE 将文件夹和子文件夹显示在同一级别
[英]Because VISUAL STUDIO CODE displays the folder and subfolder on the same level
我正在尝试在 angular 中的文件夹内创建一个子文件夹。不幸的是，我在同一级别创建它们。 我尝试在 Windows Explorer 中做同样的事情，但问题仍然存在。 为什么项目的其他文件夹和子文件夹显示正常？ 也就是说，具有层次树结构？ ...
如何使用切换按钮使图像平滑过渡
[英]How to make image transition smoothly with toggle button
我使用 transition 来使更改变得平滑并且它正在工作，但是对于图像我无法设置好。 我怎样才能解决这个问题？ 我试过这个：var lightsOff = document.querySelector("#lights-off"); var lightsOn = document.querySe ...
给一个 class onclick 一个按钮添加样式
[英]Add a style to a class onclick a button
我有这 3 个具有相同类和一个按钮的框： function turnRedAndAddPadding() { /*??? */ } .box { border: 1px solid; display: inline; } <button onclick="turnRedAndAddPaddi ...
单击链接/按钮时如何更改 CSS 显示属性？
[英]How can I change the CSS display property when clicking on a link/button?
我有一个 ID 为“菜单列表”的 ul。 我已在我的 CSS 文件中将显示属性设置为“无”，但我希望在单击链接时将其更改为“flex”。 我正在使用链接上的点击事件来触发显示属性的更改，但是当我点击它时没有任何反应。 当在 myFunction() 中将显示属性的值记录到控制台时，我在控制台中得到 ...
如何使用 img 标签作为带有可交互内容的横幅背景？
[英]How to use img tag as background of banner with interactable content?
我想在我的页面上使用 img 作为图像幻灯片横幅的背景图像。 原因是出于可访问性原因而包含替代文本。 要在后台移动 img，我必须给它一个负的 z-index。 否则，它总是显示在内容之上。 标记行作为 h1 标题包含在横幅上。 一旦横幅处于负 z-index 中，就无法选择这些标题或与之交互。 ...
hover 上的按钮圆形边框不起作用
[英]Button rounded border on hover not working
我有一个按钮，当鼠标悬停在该按钮上时，我使用animation来显示边框。 但是边框在顶部和底部完美地工作，但在左侧和右侧没有正确显示。 我希望边框像这里一样圆润： 我的结果： button { position: relative; border-radius: 100px; overflow: ...
如何阻止卡片内容溢出
[英]How to stop overflow of card content
我正在尝试实现响应式卡片，因为我是 web 开发的初学者，我已经失去了我的形状，在上面的代码中，我在卡片中的内容在小尺寸屏幕上溢出，如下所示。 #services-card { background-color: lightgreen; padding: 7% 15%; text-align: c ...
如何在网页上放大/缩小而不扭曲我的网站布局？
[英]How do I make zooming in/out on a webpage not distort my website layout?
我上周刚开始学习 html 和 css，我在 ym first 网站上工作。 我在维护固定显示器时遇到了麻烦。 每当我网页上的缩放级别低于 100% 时，我的所有元素都粘在屏幕的右侧。 当缩放超过 100% 时，我所有的 ele.net 都聚集在一起。 有什么办法可以防止这种情况发生吗？ 缩放为 ...
将 png 图像设置为 div 背景
[英]Setting png image as a div background
我有一个 png 图像，它在实际图像周围有透明空间。 像这样 我想将此图像作为 div 的背景。 但是 div 应该只显示周围没有透明区域的图像。 这就是我现在所拥有的。 https://jsfiddle.net/qhoty913/8/ 我怎样才能确保内部 div 图像从实际图像开始并且它周围不会 ...