flexbox 相关问题

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

如何使用flexbox对齐第2列中的内容?

我想将第二列中的内容对齐如下:目前,它看起来像这样:我相信它与我的flex-grow,flex-shrink和flex-basis有关。但我不是 ...

回答 3 投票 2

使用flexbox将项目保存在包装列表的第一行

我需要创建一个具有以下功能的行布局:行中的第一项具有最小大小,但扩展以填充任何未使用的空间。第一个之后有几个动态元素,......

回答 1 投票 0

如何将叠加层悬停在flex容器中的flex项目上

这是我的代码。我想在每个flexItem的内容上放置灰色覆盖。图层也必须在图像上方。我找不到解决方案,任何人都有一些想法?我尝试与亲戚...

回答 5 投票 2

将子对齐CSS中的父级底部(Flexbox)

我正在使用flexbox,我正在尝试将子分区与父分区的底部对齐。我找不到解决方案。这是我尝试过的一个例子。 .container {display:flex; ...

回答 1 投票 0

align-items-center,同时保持背景全高

我在Bootstrap 4中的一行中有两列。如果我尝试使用行上的align-items-center垂直对齐内容,或者在col上对齐 - 自我居中,则h4居中但背景是......

回答 1 投票 0

中心的第一项和最后的第二项[flex]

我猜是很常见的问题,但找不到任何解决方法来解决它。代码是: A B

回答 2 投票 -4

如何让`page-break-inside:避免`与`flex-wrap:wrap`很好地协同工作

我试图获取分页内部:避免使用多行flexbox布局(使用flex-wrap:wrap)的形式。目标只是避免在打印时打破形式问题。这个 ...

回答 3 投票 10

如何设置项目之间的空间?

是否可以在flex中的项目之间设置空格?案例场景:我有一种表/网格我不希望项目增长(flex-grow:0)我不想要空间项目如果没有足够的......

回答 2 投票 1

为什么我的弹性物品在容器外面转向?

我正在使用弹性框来显示不同长度的小文本。但是,当它们以弯曲方向包裹时:柱;他们走出屏幕外面。我希望它们被包裹在容器内,......

回答 1 投票 0

尝试在react-native中创建两列

我正在尝试使用flex创建一个双列网格。一列将用于显示单词或短语,第二列将用于翻译第一列。这是一个链接:http:// imgur ....

回答 2 投票 3

display:inline-flex和display:flex之间有什么区别?

我试图垂直对齐ID包装器中的元素。我给了属性显示:inline-flex;这个ID,因为ID包装器是flex容器。但是演示文稿没有区别。 ...

回答 6 投票 255

拉伸显示flex或表格内部div沿着父级与居中文本

我想创建一个具有固定html结构的响应式页面,以便我可以调整css。我想创建具有垂直和水平居中文本的行。 div应该完全......

回答 1 投票 1

在Safari对齐中显示Flex

我有div块,里面有一个子元素:.mark__btn {width:19px;身高:19px; border-radius:2px;游标:指针; text-align:center;不透明度:0.8;职位:......

回答 1 投票 -2

HTML表格页脚无法跨越所有列

警告:是的,颜色不是最好的。这是我公司的要求/部分颜色。也许有一天它会改变,但现在它就是它。 (如果你知道一种制作它们的方法......

回答 1 投票 0

flex-end和end之间的区别?

当我使用css属性align-items时,我看不到flex-end值或end值的任何视觉差异。 align-items有什么区别:end和align-items:flex-end?

回答 1 投票 3

无法使flexbox垂直对齐元素

我刚刚开始学习HTML / CSS,我无法让flexbox垂直地对齐元素(或者根本不做任何事情)。我在概念上理解为什么它没有认识到......

回答 2 投票 0

使用CSS垂直对齐图像旁边的文本[复制]

我试图垂直居中一个内联块的内容,我无法弄明白。我尝试了我在这里找到的不同选项,如flex和转换,但它们都不适合我....

回答 1 投票 -3

Tailwind - Flex-No-Shrink和Flex-Wrap的工作原理

我有两个问题,当我指定宽度(比如w-1/5)时,“Flex-no-shrink”不起作用......这不可能吗?当我在div上指定一些宽度时,所有flex属性似乎都不起作用。 (...

回答 1 投票 0

使用背景图像更改div之间的弹性间距

嗨,我正在重新制作谷歌浏览器主页,但我似乎无法做到页面底部的部分是最常用的应用程序是我试图用显示flex进行,因为它把它内联但我...

回答 1 投票 -1

将覆盖悬停在具有多个div的容器中? (Flexbox的)

我有一个Flex容器,里面有多个div。我试图弄清楚如何设置悬停覆盖黑色覆盖与副本大小与容器相同,并覆盖div内...

回答 1 投票 0

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