1回答
下面是带有flex: column wrap;和max-height: 150px;的flex元素。我的问题是justify-content不工作。但是和height: 150px一起工作。对于带有max-width: 100%;和flex-direction: row;的容器，对齐工作正常.container { display: flex;
flex-flo
浏览 14提问于2020-02-23得票数 3
回答已采纳
1回答
我希望能够创建一个具有设置大小的div (在本例中是100x100)。然后，如果我调整大小，并使新的大小80x80，我应该有2列，第一与前8个按钮，然后一个新的列与最后2个按钮。我试过了display: fle
浏览 1提问于2017-12-04得票数 0
回答已采纳
1回答
我有很多不同高度的盒子，我想要这样的结果：但是框是相对于最大框高度对齐的。我将这个添加到容器中，但是size line是更大的元素。display: flex;flex-wrap: wrap;
浏览 3提问于2017-12-04得票数 0
2回答
所以我需要用div对齐列，这些div在父元素中设置了宽度，而父元素的最大高度是屏幕大小。所以，举个例子：[div][div][div][new_div][div]诸若此类。因此，一旦它达到最大高度(屏幕尺寸或其他)，div需要自动列过并对齐到右上角
浏览 1提问于2011-11-10得票数 0
回答已采纳
2回答
旧的display:box具有对元素垂直对齐的能力，因此对于具有H定义高度的元素的N数，它们将根据父元素排列自己(垂直)。
是否可以使用当前的dislpay:flex系统来实现这一目标？
浏览 5提问于2015-08-16得票数 6
回答已采纳
4回答
sliderList (ul)的大小基于最大的列表项(sliderItem -> li)。每个SliderItem由一个包装器(项目包装器)组成，其中包含一个图像和一个文本。图像和文本都可以具有不同的长度/高度。现在，应该对齐SliderItems，以便每个图像元素都位于文本之上，但是文本在容器底部对齐(具有动态高度)，并且每个文本都从相同的高度开
浏览 17提问于2022-09-22得票数 2
回答已采纳
2回答
在本例中，父元素有8个子元素。当指定最大高度时，它将封装到下一列，但它将退出视图端口。我需要父元素是固定的和正确的对齐。 width: 72px;}
position: fixed; display: flex;flex-direction: column;
max-height: 6
浏览 5提问于2022-11-24得票数 0
2回答
display: flex; //Parent elementflex-wrap: wrap; //Direct child elements
每个网格必须填充25%的容器宽度并自动下降。但目前它们不像柔性包装:包装；当有5个网格时，它们的宽度为20% .这有点奇怪，因为他们会被设定为25%？如果我将Flex-wrap: wrap;放在我目前拥有display:flex;的父元素上，那么它可以工作，但它们不
浏览 1提问于2016-12-29得票数 2
回答已采纳
我无法将子元素与其父元素的末尾对齐。两者都是flex元素。父元素的高度为100%，子元素的高度为: align-self: flex-end。此设置适用于所有主流浏览器(Firefox、Chrome、IE/Edge)，但不适用于Safari9(以及一些支持flexbox的旧版本)。它看起来是这样的：
这是一个复制-粘贴
浏览 1提问于2016-04-21得票数 0
在这个中，子级溢出父级高度，但是为什么弹性父级高度不随子级增长？html,body{} height:100%; display:flex;.parent{display:flex; min-height:100%;
flex-shr
浏览 0提问于2018-08-14得票数 2
回答已采纳
4回答
我有多个无序列表，具有不同数量的元素，并且具有不同数量的文本的列标题。 我正在使用flexbox来水平对齐它们，但我正在努力使列彼此对齐。 当前问题： ? 预期结果： ? 编辑:需要注意的是，列标题类是可选的，可以删除，这样项就只是一个普通的列表项。 当列标题被激活时，我需要列标题与具有最多
浏览 101提问于2019-01-19得票数 0
回答已采纳
但是，如果我们将.handle-inner中的高度从100%更改为400px，我们将看到拆分器(从上到下到400px)变得可拖动。这意味着height:100%在Safari中不起作用。编辑1:
我做了一个更复杂的例子，它的结构与我真正的程序相似。在我的实际程序中，我不把高度固定为500px，我使用整个屏幕，并且不想超过它。我们可以看到Chrome和Safari的高度都太高了。但是，我们不知道如何设置max-height。
浏览 3提问于2017-04-13得票数 15
回答已采纳
我有一个包含2行内容基础列的标题，如下所示： <div class="header row"> image to the right </div> </div>
&
浏览 2提问于2017-03-02得票数 3
回答已采纳
我使用了flex布局。我有一个清单：<ul> ....</ul>ul{ margin: 0; flex-wrap: wrap;}
width: 25%;
display: flex</
浏览 0提问于2016-07-21得票数 2
1回答
我使用引导带4 alpha 3，我只需要将这个代码()垂直对齐，在页面中使用以下代码： <div class="row">
<
浏览 2提问于2016-03-09得票数 0
在柔性盒项目中给一个元素相同的高度是没有问题的，但我不能让它与多个项目一起工作。您可以看到，对于前两个条目，它的工作原理是一样的: h2标题具有相同的高度。但是，如果内容低于，标题具有可变高度(如前两项中的内容)，则此操作不再起作用。谢
浏览 3提问于2017-02-06得票数 2
回答已采纳
2回答
沙箱：
预期结果：代码： <div class="item"> background-color: #685; height: 200px; margin: 6px;
border
浏览 1提问于2020-08-16得票数 0
1回答
这可能是糟糕的措辞，所以我会尽量解释得更好。 #myContainer p { }目前，每当点击按钮时，它只是在按钮下面添加一条透明的虚拟文本行我没有使用CSS (从指南中复制/粘贴样式)的经验，而我对JS的经验来自于Nod
浏览 4提问于2021-01-19得票数 0
我试图让每个孩子彼此(垂直)对齐。显然，align-items: flex-start并没有完全做到这一点，因为每个孩子之间都有一些自动间隔。提前感谢！编辑：flex-flow: column wrap和align-content: flex-start都
浏览 3提问于2017-06-09得票数 2
回答已采纳
云服务器
ICP备案
云直播
腾讯会议
实时音视频
腾讯云开发者
