flexbox 相关问题

CSS3模块提供灵活的布局,提供了广泛的对齐元素选项,同时无需浮动和表格。

自动调整大小的元素旁边的大型浮动元素

在 HTML 中,元素处于流内或不流状态。 float: right 可用于将元素从流中取出。 流入和流出元素可以组合,即一些元素可以在流中,而其他元素可以

回答 1 投票 0

如何等高展示弹性卡?

有多张带有显示网格的卡片,但框之间有大量空白。如何根据卡片内的内容自动调整每个卡片的高度。 这是我的评论

回答 1 投票 0

如何在ImageBackground组件中定位图像?

我只想使用 React Native 的 ImageBackground 组件将此图像放置到屏幕顶部,使用此背景图像 resizeMode='contain' (不是覆盖),因为图像适合尺寸...

回答 1 投票 0

CSS 网格 - 无媒体查询的最大列数

是否可以定义一个具有最大列数的网格,但允许元素在屏幕宽度变化时换行到新行? 我已经实现了允许行换行到新的类...

回答 2 投票 0

CSS响应性中<a>标签和图像之间的关系

我正在尝试调整放置在标签中的图像(.logo)的大小。但是每当我缩小图像时,图像的尺寸就会变小,但标签的尺寸保持不变。还有图像和n之间的空间...

回答 1 投票 0

将文本包裹在弹性项目内

我有两个 div 容器。第一个容器的固定尺寸为 300px。第二个 div 应该填充外部 div。为了解决这个问题,我使用了弹性盒。我现在的问题是,第二个 div...

回答 3 投票 0

如何将 Flexbox 的整个块居中?

我有多个不同宽度的DIV(DIV可以从数组生成,所以我事先不知道DIV的数量)。我使用 flexbox 和 flex-wrap 来排序它们,如下所示: .outercon...

回答 1 投票 0

将弹性盒的整个块居中

我有多个不同宽度的DIV(DIV可以从数组生成,所以我事先不知道DIV的数量)。我使用 flexbox 和 flex-wrap 来排序它们,如下所示: .outercon...

回答 1 投票 0

如何使项目在移动视图上堆叠

我在桌面屏幕上使用显示柔性并排制作了 3 个图像,但现在我想让它们响应并让项目在移动模式下堆叠。有人可以告诉我该怎么做吗? 代码: .r...

回答 3 投票 0

嵌套元素中的文本溢出省略号问题以及 Flexbox 列方向上的工具提示

我有两列布局,左侧部分占 80%,右侧部分占 20% 在右侧部分,我有一个要显示的项目列表,其中的文本可能大于右侧秒...

回答 1 投票 0

之间的弹性空间不适用于<a>容器

所以我正在使用 Flexbox 制作一个电子商务页面,一切看起来都很好,甚至是我的父 Flex 容器 .catalog 的子级,但是当我需要在我的子级 .car 上设置 justify-content: space- Between 时...

回答 1 投票 0

如何将 div 放置在右侧? [重复]

如何将 div 放置在右侧?

回答 1 投票 0

如果加载失败,图像会导致列弹性框溢出

我对以下问题感到困惑: 我创建了一个具有两个元素的固定宽度的柔性行: 一个由两个元素组成的 Flex 列:一个图像,其宽度和长度在其 html 标签中给出,以及一个 paragr...

回答 1 投票 0

如何动态调整卡片数量可变的记忆游戏的 CSS 网格布局,同时保持响应式设计?

我正在构建一个记忆游戏,想要动态调整 CSS 网格布局以容纳可变数量的卡片。挑战在于确保卡片尺寸保持一致,无论......

回答 1 投票 0

SVG 图标和 p 标签位于 div 内的同一行

我希望图标位于文本的第一个字母旁边。 我尝试使用“margin; 0”来设置 p 标签的样式。然后这段代码就按预期工作了。不过我想删除 P 样式...

回答 1 投票 0

我正在努力将心形布局从基于CSS网格的结构过渡到更灵活、适应性更强的Flexbox实现[关闭]

不使用javascript。 有人告诉我: 正如 A Haworth 之前所说,JavaScript 只是渲染 与手动完成 72 次相同的 HTML。 grn 和 red 数组是 与 b:bth-c 相同...

回答 1 投票 0

我正在通过将 CSS Grid 基础设施转换为更敏捷、响应更灵敏的 Flexbox 架构来实现心脏布局的现代化

不使用javascript。 我如何将这个网格心转换为柔性网格? 这就是我在代码中尝试做的事情: 我如何将此网格心形布局转换为弹性盒布局? 我正在努力

回答 1 投票 0

我正在尝试将这个心形布局从使用 CSS Grid 转换为 Flexbox

不使用javascript。 我如何将这个网格心转换为柔性网格? 这就是我在代码中尝试做的事情: 我如何将此网格心形布局转换为弹性盒布局? 我正在努力

回答 1 投票 0

如何将这个心形布局从使用 CSS Grid 转换为 Flexbox?

我如何将这个网格心转换为 Flex? 这就是我在代码中尝试做的事情: 我如何将此网格心形布局转换为弹性盒布局? 我正在努力达到同样的效果......

回答 1 投票 0

使 Flexbox 表格布局与内容对齐

我正在尝试使用 Flexbox 创建一个简单的表格布局(以便表格能够正确响应)。我这样做(你需要反应和引导): 导出函数 UITest(){ 常量数据...

回答 1 投票 0

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