flexbox 相关问题

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

无法使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

将max-height设置为兄弟div的最低高度

我知道如何匹配div的高度,它没有太多的内容,以匹配他们的高度与使用flex的内容最多的div。现在,我希望将hight与最低内容相匹配。为......

回答 3 投票 0

当不应该使用50%父宽度包装时,Flex div

我觉得因为无法弄清楚而感到愚蠢,但由于某种原因,我不能让这些div保持在一条线上。我希望它们在一条线上彼此相邻,因为它们都有一半......

回答 4 投票 0

使用Flexbox使弹出窗口完全响应

我创建了一个包含图片和文本的模态/弹出窗口,如https://www.labtag.ca/。它应该在所有设备上完全响应(移动设备和Ipads的垂直布局)。它对...有好处

回答 2 投票 1

不同文件中的相同CSS会使页面加载方式不同

我有一个名为global.css的文件,我在那里移动了一些css,因为我在多个页面中使用它,然后我继续从页面特定的样式表和页面样式中删除css ...

回答 2 投票 0

CSS - 将Flex容器的子项与屏幕中心对齐,使其无法正常工作

我正在制作一个小型的Etch-a-Sketch-esque网页。现在,我只是想在获取指定大小的画布的Javascript之前获取页面的CSS,所以我...

回答 3 投票 -1

使用flexbox css对齐项目

我需要将相同位置的红色div与可以占据多行或一行的不同标签对齐,但如果下一列或前一列包含蓝色div,则留下蓝色div的空格。我怎么能够 ...

回答 2 投票 -1

如何对齐左边的2个第一个元素和右边的最后一个元素[重复]

我认为我的代码是有序的,但我不知道为什么我无法以这种方式组织我的元素:| ** * |这是我的代码:.container {border:1px solid red;显示:flex;证明-...

回答 1 投票 6

在相邻的flexbox容器中垂直对齐内容

我有多个项目说卡。这些卡需要水平堆叠,高度需要相同。这发生在我身上。每张卡片都有图像,文字和按钮。每个图像和文字......

回答 1 投票 3

当外部div的大小发生变化时,可滚动的div可以坚持到底部

这是一个示例聊天应用程序 - >这里的想法是让.messages-container占用尽可能多的屏幕。在.messages-container中,.scroll包含消息列表,以防万一......

回答 5 投票 34

如何在达到最大高度后使用CSS减少div的宽度?

我正在尝试创建一个可以包含未定义数量的对象的菜单;所述对象的大小取决于可用的宽度(菜单的宽度)。菜单的高度不应超过......

回答 2 投票 0

理由 - 内容和flex-grow被忽略

我遇到了CSS flexbox的问题。昨天我有一个工作代码,但今天我测试了我的解决方案,由于某种原因它停止了工作。它与flexbox有关。这是我想要的结果......

回答 2 投票 1

Flexbox垂直填充可用空间

现在我可以写一个flexbox行 some content another content&...

回答 2 投票 19

将相对div拉伸到其静态父级的高度

我有一个div(红色框)在一个水平弹性框(黑色轮廓)。它的高度是根据柔性盒中其他东西的高度来计算的,在这种情况下是高蓝盒子; ...

回答 2 投票 1

获取错误标签以与flex-wrap中的输入对齐

在下面的示例中,我想将验证消息与输入垂直内联,因此项目符号点大致与输入的左侧内联,而不使用显式...

回答 2 投票 0

如何将垂直滚动条添加到始终固定第一列的表中

我正在研究解决方案。我创造了一张桌子;每当用户水平滚动时,它的第一列将始终固定。但是现在我面临的另一个问题是,如果有太多......

回答 8 投票 0

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