flexbox 相关问题

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

带有Flex尺寸的View内部按钮的文本被截断

我是新手一般的反应本机和移动应用程序开发,我正在尝试为我的应用程序创建一个标题,其中包含Text和Button。这是我的代码:从'react'导入React; ...

回答 1 投票 1

将ngx-scrollbar用于ngx-bootstrap的选项卡选项卡

在我的项目中,我使用的是bootstrap 4和ngx-bootstrap。现在我需要创建一个包含2个可滚动div的组件,由制表符切换。我想在stackblitz中展示一个示例应用程序,...

回答 2 投票 8

如何能够在flexbox(CSS)内滚动叠加div?

我有一个带有2个导航栏的应用程序布局,一个内容有3个主要部分,一个左面板,一个主面板和一个右面板。我找到面板的最简单方法是使用柔性盒。 ...

回答 1 投票 0

具有锚链接的垂直居中svg图像

我为基于flex的垂直中心导航设计和标记!我以为不知何故左侧标志和右侧按钮不在中心位置。我可以做中心吗? .nav-area {font-family:“...

回答 1 投票 1

Flexbox弯角

是否可以让flexbox的内容适应它的边界半径。例如:如果我们有一个带有border-radius的弹性框:10px,当我们重新排序框内的元素时,它是可能的......

回答 1 投票 6

如何在没有内容延伸的情况下集中内容?

我想将2张图像居中,但由于显示,图像被拉伸不成比例:flex但是,如果没有它,那么内容将无法使用吗?是否存在另一种以图像为中心的解决方案? ...

回答 3 投票 1

左右对齐弹性项目

我在同一个包装器中有4个div,我需要前3个对齐左(文本),第4个对齐右(图像)。期望的效果如下。 < ...

回答 3 投票 0

在Safari(iPad)中重叠的项目

我无法用简单的任务解决问题:容器是100%宽度但是有填充右边和盒子大小溢出容器是flex行容器有两个孩子有动态内容第一个孩子有......

回答 1 投票 1

如何使用flexbox包含网格内的内容?

我想使用flexbox来包含网格的第二个div中的所有内容。在这种情况下,图片溢出,我不知道为什么。我希望它按高度调整大小并保持纵横比....

回答 2 投票 0

修复,匹配内容并填写相同的弹性容器[重复]

我想做以下布局: fixed size ...

回答 1 投票 0

防止并排元素周围的双边框

如果您有多个带有1px边框的容器,则彼此相邻的所有容器都会生成2px边框。所以为了摆脱你总是设置,例如border-right:none;然后添加边框-...

回答 2 投票 3

在webkit中调整中文

我写了一个flexbar css风格的appbar,但是webkit上的中文模式布局有点怪异。突出绿色背景颜色的地方是flexbox div。 .green-background-color-div`显示:...

回答 1 投票 0

在Bootstrap 4中定义固定宽度input-group-append div

我正在使用bootstrap 4输入组功能在输入字段旁边放置一个图标。我希望输入组附加div(包括图标)的固定宽度为40px。 bootstrap文档......

回答 1 投票 1

如何使用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

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