flexbox 相关问题

尽管有正确的依赖关系，FlexboxLayout 仍无法被识别

我已经为我的项目导入了使用 Flexbox 布局所需的依赖项。它显示一个错误，它不起作用并且无法在我的项目中找到依赖项。 这是我的代码

Flexbox Html CSS 设置位置问题

我是使用html、css flexbox创建网站的初学者，我已经将网站标题的完整宽度设置为1000px。标题徽标应从 50px 开始位置，导航栏开始

如何实现侧边栏和主要内容并排显示的两列布局？

如何实现所需的两列布局，其中侧边栏和主要内容并排显示， https://kalvinparker.github.io/test_website.github.io/ 这就是我的index.html和style.css

Flexbox：如何使用正确的宽度和高度在列中排列响应式菜单项？

我正在尝试使网站响应式，我想要包含的第一件事是导航菜单，但是，由于我是媒体查询方面的新手，所以我遇到了一些困难。 第一个问题是我...

如何在桌面/移动设备上实现3元素按行/列的Flex布局

我需要为宽屏/移动屏幕实现不同的布局。这是要求： 宽幅布局： #1 元素具有拉伸宽度，但为 #1+#2 的 50%（与 #2 连续）（高度可能低于或大于...

我如何创建这个角矩形切口形状

给出的是我的网站设计 但我无法构建形状 就像左边栏中一样 你可以看到一个带有切口的矩形 那么有人可以告诉我如何创建它吗？ 我能够创造那个......

显示：柔性；具有弯曲方向：列；在 Firefox 中缩小元素，但在 Google Chrome 中有效

我需要我的设计在不同的浏览器上看起来相同，但我不明白为什么相同的代码在不同的浏览器中给我不同的结果。使用 flex-

为什么不显示：flex使包含图像的子元素连续显示？ [已关闭]

当我尝试在父级上使用 display: flex 时，子图像不会连续显示。 .禁令{ 显示：柔性； 背景：黑色； 过渡：变换0.3s缓入缓出； 宽度：100%...

伸缩网格不伸缩

我正在尝试理解弹性框。 我在这里写了这段代码： 身体 { 保证金：0； 填充：0； 背景颜色：红色； } /* 电池块 */ .页面内容{ 显示：柔性； 弹性直接...

如何确保容器至少与最长文本一样宽并且整个文本可见？

我在容器内有一个导航下拉菜单。提供的 HTML 和 CSS 代码旨在显示语言下拉菜单。但是，我遇到了容器宽度不符合的问题

border-radius 不适用于容器元素

我在将 border-radius 应用于 CSS 中的容器元素时遇到问题。尽管设置了 border-radius 属性，但它似乎没有生效。 这是我的代码： * { 填充：0；

Flex 不被输入尊重，为什么？

我注意到“输入”元素不会拉伸或收缩以填充弹性容器。有谁知道为什么以及是否有解决方案？ 我下面的示例显示了 Div 上使用的容器类 c

如何减少 Flexbox 布局中步骤和连接线之间的空间？

我正在开发一个网页布局，我需要显示一系列由线条连接的步骤。我设置了一个弹性盒布局，其中的球体代表每个步骤，并有一条连接它们的线。然而，那里...

当我尝试显示：弯曲父级时，图像不会连续出现

<div class= "ban"> <div class= "ban1"> <img src= "Images/2.jpg"> </div> <div class= "ban2"> <img src= "https://img.freepik.com/vector-premium/plantilla-banner-plant-shop_401787-228.jpg"> /div> </div> .ban{ display:flex; background: black; transition: transform 0.3s ease-in-out; width: 100%; height: 100%; } .ban >.ban1 img{ width: 15%; height: 15%; } .ban >.ban2 img{ width: 40%; height: 40%; } 为什么 flex 在调用时无法从包含 img src 的父级到子级工作。请指导我在这里做错了什么。 它们是 (display:flex) 中的语法错误。这可能对你有帮助

Flexbox 在换行后将元素向右对齐

调整浏览器窗口大小时，左侧和右侧容器内的元素会换行。我希望右侧容器中的元素在换行后仍向右对齐 13px。但他们都...

为什么让div'display:flex'会改变内部div的高度？

我有以下 HTML/CSS 代码，每当我在 .cards-container 中切换 display: flex 时，.card div 的高度似乎会缩小（当 display: flex 不存在时）并增长（当 display: f ...

如何在背景上使用背景滤镜，例如背景模糊或亮度而不影响文本

我正在开发一个网页项目，我想对特定部分的背景应用滤镜效果，例如背景模糊或亮度调整。但是，我想要 t 内的文本...

使用 Flexbox 时 Flex 项目之间的间距不均匀

NavBar.js 从“反应”导入反应； 从'react-dom'导入ReactDOM； 从'react-dom/server'导入ReactDOMServer； 导入'./NavBar.css'; 函数导航栏（）{ const 标题 = '第一个

为什么弹性项目没有占据整个父级高度？

我的目标是制作一辆手推车。显示项目及其属性、名称、图片等。 我得到了我想要的布局。然而，购物车产品数量不会占据整个高度。我可以设置...

Flexbox 中的子项不响应顺序和自我对齐

我正在尝试通过叠加三个元素来创建响应式岛屿场景：我想将棕榈树放置在左侧的沙岛上，并将文本放置在空间中浮动......