标签[css] - 堆栈内存溢出

使一个 div 向左扩展而不是向右扩展 | 成帧器运动和反应 - Make a Div Expand to the Left insteaf of the Right | framer-motion and react

我有一个使用framer-motion和chakra-ui创建的简单过渡。如果您不熟悉chakra-ui ，那么 flex 只不过是一个display设置为flex的div 。这是它的样子：我正在尝试进行完全相同的过渡，只是宽度应该向左而不是向右扩展。 “链接”一词可以出现在图标的任一侧， ...

为什么这个 tetx 没有在 x 轴上溢出，即使我有一个固定的宽度和<p tag is set to display: block?< div></p><div id="text_translate"><p> 我需要文本在 X 轴上溢出只是为了重现我在更大项目中遇到的一些问题。我留下一个简单的片段，所以你可以告诉我我在哪里做错了。谢谢！ </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-css lang-css prettyprint-override"> .article { background-color: rgb(236, 161, 161); width: 20em; }.article p { display: block; }</pre><pre class="snippet-code-html lang-html prettyprint-override"> <article class="article"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti iure quidem distinctio officia voluptates similique molestiae culpa? Perferendis, velit maiores nobis maxime aut facere eaque quis voluptas accusamus commodi.</p> </article></pre></div></div><p></p></div> - why is this tetx not overflowing on the x axis even though I have a fixed width and the <p tag is set to display: block?

我需要文本在 X 轴上溢出只是为了重现我在更大项目中遇到的一些问题。我留下一个简单的片段，所以你可以告诉我我在哪里做错了。谢谢！ .article { background-color: rgb(236, 161, 161); width: 20em; }.article p { displ ...

在线性渐变背景下用另一个 div 掩盖一个 div - Masking a div with another div against a linear-gradient background

我正在尝试使用此处显示的左绿色 div 来掩盖/剪辑右白色 div：请注意，背景是线性渐变的。这并不像只设置绿色 div 以匹配背景颜色那么简单。如果我将绿色 div 的背景设置为transparent ，绿色 div 就会完全消失。有没有办法让绿色 div 与线性渐变背景匹配并用作蒙 ...

修复帐户页面中的文本 alignment - Fix text alignment in account page

我刚刚在我的网站上添加了 php 并想修复文本 alignment。这是我刚刚添加的代码非常感谢！ } 这是文本的样子我使用片段插件输入代码，这就是它的样子 ...

通过 VScode 上的 php 将数据库连接到我的 html 文件 - Connecting database to my html file via php on VScode

我是一名新开发人员，在数据库方面几乎没有经验，我最近建立了我的第一个网站，该网站是一项服务的预约页面。但是我不熟悉如何存储填写在网站表单中的客户数据。很快对数据库进行了一些研究，它让我在 mysqlworkbench 中创建了一个数据库。 I program on VScode, and no ...

水平滚动条始终位于 DataTable 顶部 - Horizontal Scrollbar Always On Top Of DataTable

我有一个显示 DataTable 的网页。我发现这个解决方案可以让水平滚动条出现在顶部。（示例可以在这里找到）这是将其移至顶部的 CSS：但是，即使用户向下滚动，有没有办法让水平滚动条始终出现在顶部？ ...

css 中的最佳尺寸值：rem 或像素或 % [关闭] - Best dimensions value in css: rem or pixel or % [closed]

关闭。这个问题是基于意见的。它目前不接受答案。想改进这个问题？更新问题，以便可以通过编辑这篇文章用事实和引用来回答它。 1 小时前关闭。改进这个问题在使用 css rem 像素或 % 进行造型时，哪个最好使用 ...

项目不在网格容器内居中 - Items not centering inside of grid container

我无法在 2x2 网格中将标题和文本元素居中。我已经尝试在父容器“.skills”和子元素“.skills-item”上使用 justify-content/items/self。另外，请注意网格位于弹性容器内，我不知道这是否与它有关，但我一无所知。 .about { display: fle ...

如何使输入居中但左侧有占位符？ - How to center input but have placeholder on the left?

我目前有一个输入文本对齐中心的组件。占位符 cursor 也居中对齐，因此它位于占位符“0”的中间，如何将其移到 0 的左侧？在此处输入图像描述我的组件： ...

粘性导航不适用于较小的屏幕尺寸 - Sticky Navigation Not Works Properly For Smaller Screen Size

我目前正在实现 HTML 和 CSS 的设计。对于响应性，我正在实现媒体查询。我有一个粘性导航，它变成了一个低于 850 像素屏幕尺寸的下拉菜单。粘性导航工作正常（使用交叉点观察器实现，当英雄部分不在视线范围内时触发）。但是，对于较小的屏幕，当我将其更改为下拉菜单时，它会在第三部分触发，甚至 ...

仅使用 CSS 和 HTML 可能会延迟下一个网站 - Possible to delay the next website with only use of CSS and HTML

我只是想知道当您进入第二个网站时是否可以使用黑色背景进行延迟/不透明度，仅使用 CSS 和 HTML？还是仅适用于 JavaScript？ ...

弯曲的文字（+动画） - Curved text (+animation)

我试图在我的网站的角落有一个横幅，在响应式 div 中带有弯曲和动画（无限横幅样式）文本。像这样的东西：我是编程新手，也尝试过根据其他人的示例使用.svg 进行编程，但运气不佳。 Photoshop 中的原始曲线是“Arc Upper”（+47%）非常感谢任何帮助！一个 ...

我如何通过js动态地在css中进行反向变换 - how i can reverse transform in css dynamically by js

只是我买了一个 wordpress 主题，我做了一些更改以获得适当的体验，所以当我转向 body{direction: rtl;} 时，它看起来像这样enter image description here 所以，经过 5 个小时的搜索，我找到了它，但我无法解决这个问题，这是不知道该怎么做的文件因此 ...

在 iOS 16 WKWebView 中隐藏媒体播放控件 - Hide media playback controls in iOS 16 WKWebView

HTML：<video id="video-stream" autoplay playsinline></video> CSS：*::-webkit-media-controls { display: none !important; -webkit-appea ...

强制双倍宽度 unicode 符号在 Markdown 或 CSS 中使用双倍宽度 - Enforce double width unicode symbols to use double width in Markdown or CSS

我想控制双宽 unicode 字符的视觉宽度，例如 Github 风味 Markdown 中的LARGE ORANGE SQUARE ；使用 Markdown 代码或 Html/CSS。例如，请参阅以下 Markdown 代码部分，它在 MacOS（Chromium 105、MacOS 12.6 ...

从主题中删除菜单按钮 - Remove the menu button from a theme

谁能告诉我如何从这个主题中完全删除菜单按钮： https://github.com/vvalchev/creative-theme-jekyll-new ...

背景/英雄视频未调整大小 - Background/Hero video not resizing

我正在尝试创建一个以视频为背景的页面。我已经尝试过多次尝试来实现这一点，但无论我做什么，视频总是看起来像图片一样。它根本不会调整大小。有问题的图片 body { margin: 0; }.hero-section { position: relative; height: 85vh; widt ...

JS 内容生成问题 - JS Content Generation Prolem

简介（种类：））首先，我为一份咖啡生成 5个咖啡豆。咖啡 class 具有属性强度，我想将> 强度的咖啡豆变灰（如下图所示）。我的 CoffeeMachine Class（简化版）：我的咖啡 Class（简体）：咖啡将被推送到咖啡机的购物车列表中，如下所示：启动咖啡咖啡机cla ...

如何更改图像 position - How to change image position

我需要一些帮助，我目前正在尝试按照我正在观看的教程使用 HTML 制作投资组合。我使用 undraw 添加图像但不幸的是，图像卡在右侧SVG 图像卡在右侧我想把图像放在我的图标下面，但不知道该怎么做，我的 CSS 代码如下所示： @import url('https://fonts.googl ...

在不损失质量的情况下缩小图像 - Shrinking images without losing quality

所以我尝试重建 Twitter 推文栏，一切都很好 - 但是，推文栏旁边的小图片（这是你在 Twitter 上的个人资料图片，如果你感兴趣的话）质量非常差。但是在 Twitter 网站上，质量仍然很好（无论图像多么小）。目标/问题：我怎样才能让一个小图像保持并保持良好的质量？这是我的 CSS ...