flexbox 相关问题

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

浮动两个弹性项目,一个向右浮动

我正在尝试使用flexbox来设计我的布局。基本上我的目标是:将“我是一个按钮”按钮一直移动到Flex容器的右端,并将其他两个社交按钮保持在...

回答 1 投票 3

为什么flex中的自动余量使垂直和水平居中[重复]

这是一个CSS问题,如果我们将margin:auto放在正常流程中,只有左右边距空间被平均。但是,如果我们将'margin:auto`放到flex项目中,则该项目以水平方向为中心...

回答 1 投票 2

设置子项的宽度以填充父项

我希望div的孩子填充它的宽度。现在我正在使用这样的代码:.parent {width:100%; display:inline-block;身高:120px;背景:#000;填充:10px;框-...

回答 7 投票 2

可以像在Flexbox中一样在CSS Grid中使用自动边距吗?

据我所知,任何flexbox都可以做,css-grid也应该能够做到(通常更加冗长)。然而,我无法弄清楚如何用一个项目来模仿一个Flexbox,推动其他项目......

回答 3 投票 4

Flexbox代码适用于除Safari之外的所有浏览器。为什么?

带有列表标签的网格列,我需要每3列以正确的顺序显示,并为每个额外的HTML列表元素启用自动宽度。这是我的例子: ul {...

回答 2 投票 54

z-index不处理flex项目内的文本

我有一个flex-container里面有一些flex-items,我有一个很大的数字(我已经包裹在一个范围内),我想要坐在文本后面。由于某种原因,z-index无法正常工作......

回答 3 投票 2

从其他元素下面的底行对齐Flex元素[重复]

我想要对齐的元素很少。前两行完全对齐,因为它们具有相同数量的元素。最后一个元素少了,我想保持低谷......

回答 2 投票 0

CSS Flex Box - 有没有办法使用:: Before :: After自动对齐中心,以便您可以添加内容

这是我第一次使用CSS Flexbox而不是浮点数,而且我的CSS有点生疏。我想知道是否有一种模仿保证金的方法:0自动使用flexbox。 ...

回答 1 投票 3

iOS渲染显示错误:flex?

我正在使用HTML5显示和摘要元素。我使用自定义标记作为:: before伪元素。 summary元素最多可包含2个span元素。我已经应用了一个显示器:flex(或显示器:......

回答 1 投票 0

讨论:如果必须编写回退,为什么要使用新的CSS功能? [关闭]

我与使用CSS Grid的CTO进行了对话,而我最常听到的问题是“为什么要使用网格,如果我们不得不编写flexbox回退,那么在旧浏览器中是不支持的? ...

回答 1 投票 -4

css Flex div随着孩子文本增长而增长(没有jquery)[重复]

想象一下,我有以下div {padding:20px; } Do NOT expand this

回答 1 投票 1

它是否存在相当于box-sizing:灵活盒中的边框为React Native?

我想我的盒子的大小不能通过边距和填充来改变。

回答 2 投票 15

css填充剩余高度,仅在孩子需要时

我有一个内容和页脚面板。页脚具有固定大小,但内容可以是固定的,也可以填充剩余高度,具体取决于(大)子元素。如果有孩子填充剩余高度,那么......

回答 3 投票 5

将孙子元素与flexbox对齐

我正在学习flexbox,但仍然不确定我是否完全理解所有部件是如何组合在一起的。我想垂直对齐这些列,以便灰色框彼此对齐:http:// ...

回答 2 投票 2

中心内容满足

如何使可疑细胞的内容居中。下面我有一个我目前拥有的编码器。 https://codepen.io/anon/pen/ZvBoYd我当前的css是:td,.td {display:flex;柔性-...

回答 1 投票 0

尝试将所有输入框对齐到页面中心

目前我正在制作一个具有多个输入的表单,我使用弹性框使这些输入显示在列中,并使用文本对齐中心将整个表单放入居中的行。我正在尝试......

回答 5 投票 0

使用CSS flexbox重新排序整个页面

我需要使用Flex更改移动设备整个页面的顺序。我可以在单个容器中使用它,但是可以使用页面上的所有容器吗?这里 ...

回答 2 投票 0

如何使用弹性盒重新排序div?

我试图为我的DOM保持一个seo友好和语义结构,而不重复整个元素以在各种位置显示它们。我的布局基于display:flex items。我试着 ...

回答 1 投票 3

使用flexbox的垂直导航

我正在尝试使用flexbox创建一个网站。在创建导航菜单时,我遇到的问题是我的导航链接没有在较小的屏幕中垂直显示,尽管它水平显示...

回答 1 投票 0

Flex网格和背景图像并排响应/缩放问题

这是我的问题:我正在尝试创建一个并排广告,其中左侧只是一个图像,右侧是一个背景图像,其中包含图像,文本和5个响应式flexgrid按钮嵌套...

回答 1 投票 2

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