Flexbox等高列

文章/答案/技术大牛

发布

2回答

html、css

</p></div>周一快乐，我有一个问题，如何制作一个等高的柱子？当我有很多内容时，它会把设计搞得一团糟。有没有人可以建议我如何创建一个等高的列？基本上基于所有其他列的内容动态调整其高度，但我想让宽度保持不变，在移动设备上，宽度变为100%。为了添加更多信息，我正在尝试使用flexbox创建一个使用相同高度-宽度列的响应式网格。

浏览 12提问于2021-02-23得票数 1

回答已采纳

1回答

Flexbox等高列

html、css、flexbox

我有一个简单的Flexbox布局，与图像，标题和潜文，可以是任何高度。我似乎不能使这些盒子有同样的高度。我尝试将Flex01auto添加到p标记中，但这似乎并没有使整个功能扩展。这是我设置的一个提琴：FlexBox Equal Column。下面是基本的HTML： <!

浏览 17提问于2020-11-03得票数 0

2回答

等高列- Flexbox &Flexbox包装:包装

html、css、flexbox

我正在做一个布局，我不知道如何使这些列的高度相等，特别是当文本包装时的绿色区域。你能帮上忙吗？我的html模板，里面有更多.类别容器.

浏览 1提问于2017-04-04得票数 1

回答已采纳

3回答

Flexbox行/列等高

html、css、flexbox

我有一排两栏，都是50%。左边有图像，右边有文字。我的html：.row{ flex-direction:row;} width:50%; background: green;<div class="row"> <div class="cell1"><img src="https://via.placeholder.com/450x450" >&

浏览 2提问于2018-10-03得票数 3

回答已采纳

1回答

Flexbox -等高图像列

html、css、flexbox

我有一个像这样的简单的柔性盒布局 html,body { padding:0; height:100%; } .panel-grid -webkit-align-items: flex-start; margin-bottom:30px; justify-content:space-between; #section-163

浏览 1提问于2018-06-19得票数 1

回答已采纳

2回答

弹性方向上的等高行:列

html、css、flexbox

我有一个flex布局，包含两个flex项，显示为行(flex-direction: column)。这些项目应该有一个最小的高度，但他们应该保持相同的高度，其中一个需要增长。请参见并减小结果窗格的宽度；这将强制第二个.component元素增加其高度，但第一个.component元素的高度保持不变。这是我到目前为止所得到的结果：div

浏览 3提问于2016-06-21得票数 13

回答已采纳

1回答

高度- bootstrap中的流体列

html、twitter-bootstrap、css、twitter-bootstrap-3

目前正在进行一种设计，其中涉及三个列，其中嵌套了瓷砖。使用Bootstrap中的网格系统，我能够适应宽度并让它们流畅地改变，但我希望页面高度也能发生同样的事情，有什么方法可以做到这一点吗？

浏览 1提问于2016-07-22得票数 0

2回答

使用带有引导的css在所有列中等高

html、css、twitter-bootstrap

目前，我在等高列中面临一个大问题，我搜索了，所以和我找到了一个解决方案。在div (行)中应用下面的css，即使在应用下面的css之后，当我在第三列中有5列时，当我在整个页脚中输入更多的数据时，第一列和第二列没有增加，这是没用的。 display: -webkit-b

浏览 3提问于2016-03-06得票数 0

2回答

有没有可能把flexbox和Bootstrap结合起来？

twitter-bootstrap、css、twitter-bootstrap-3、flexbox

有没有办法在同一项目中使用CSS3 Flexbox和Bootstrap？我的意思是，如果我像这样使用CSS Flexbox代码：flex-flow: row wrap;align-items

浏览 0提问于2016-05-21得票数 0

1回答

如何使Bootstrap 3列在不同高度时正确对齐？

html、css、twitter-bootstrap

我对Bootstrap 3列有一个问题。当12列被填充并且我不断添加列时，它们在它们下面堆叠(正常行为)。但是，如果它们顶部的柱具有不同的高度，则会创建一条边沟。

浏览 5提问于2015-01-23得票数 0

4回答

使挠曲盒像引导列一样流

twitter-bootstrap、css、flexbox

我试着用等高的排水沟做三列的设置。我目前正在使用flexbox尝试这样做，但我遇到的问题是，如果一行最后有两列，那么justify-content: space-between;就会在中间产生一个间隙，而不是像引导列那样向左向右流动。另外，是否有一种方法可以将flexbox与引导程序的填充和列宽%设置在一起，然后在列中有一个100%高的子元素？

浏览 3提问于2016-02-03得票数 1

回答已采纳

1回答

引导列不能正确对齐。

html、css、twitter-bootstrap

我的专栏中有一个奇怪的错误，我无法识别，我不知道是我的错还是引导的问题。问题是，在某些行中，一个div会完全疯掉，并且在行中不会正确地对齐(尝试缓慢地调整小提琴的大小，您将看到我的意思)。我正在使用引导3.3.6和Chrome的最新版本(在FF上

浏览 5提问于2016-07-19得票数 0

2回答

flexbox列中的等高部分？

html、css、flexbox

我使用了flexbox列来做一个非常基本的布局。下面有一个标题、图像和一个列表。列表必须有一个边框，并且可以有不同的内容。

浏览 11提问于2018-05-30得票数 3

回答已采纳

1回答

具有SUSY布局的动态高度行

responsive-design、sass、height、susy

如何让SUSY中的列以流畅的方式等于行的高度？在任何地方都找不到答案，这对大多数SUSY用户肯定是有帮助的。因此，感谢您的贡献！

浏览 5提问于2015-08-25得票数 0

0回答

使用CSS创建两个等高的布局列，并在右列中插入三个等高的堆叠列

html、css、layout、height、equals

我不能使用table标签，也不能使用flexbox。我们的访问者大多是使用IE8的老年人。左列包含两个不等高的堆叠div。右列包含三个应具有相等高度的堆叠列。这些div还应该填充col2的总高度。我不能为每个列设置固定的px大小，因为里面的内容每天都可能不同。

浏览 8提问于2016-07-15得票数 0

回答已采纳

3回答

使用flexbox网格的Bootstrap 4砖石布局

css、flexbox、bootstrap-4、css-multicolumn-layout

有没有一种方法可以利用Bootstrap 4附带的flexbox网格来创建砖石柱布局？在我看来，所有的柱子都是等高的。

浏览 3提问于2018-01-27得票数 29

回答已采纳

1回答

CSS Flexbox等高行不同div列

html、css、twitter-bootstrap、flexbox

是否可以使用flexbox对齐它们并使它们也具有响应性我这里有一个CodePen，它包含创建以下代码的所有代码：

浏览 8提问于2018-09-09得票数 0

4回答

如何禁用Flexbox中的等高列？

html、css、flexbox

使用Flexbox，我实现了我想要的。但是有一个特性可以把所有的div都发展到最高的元素。这意味着当搜索结果弹出时，反馈和建议元素随着搜索div的高度增加而导致布局混乱。

浏览 5提问于2015-10-09得票数 90

回答已采纳

1回答

Flexbox:等高行？

css、flexbox

我认为flexbox就是答案，但我认为我对flex-grow、flex-shrink或flex-basis的理解还不够深入，无法让它正常工作。我选择对了吗?或者我需要一个不同的解决方案？

浏览 13提问于2019-02-23得票数 0

2回答

Bootstrap 3和flexbox的等高列

html、css、twitter-bootstrap-3、flexbox、display

我发现了很好的工作代码，但在顶部添加图片会破坏设计-图片会出现在附加的列中，并且会删除所有内容()。添加显示:块将我带回到最初的问题-不同高度的列。我确信有一些干净和机智的方法可以让它工作！编辑:到目前为止，我有一个主行(下面图片中的绿色框架)，其中有3列。如果我改成3行(红色框架)，并且只对中间的内容应用相同的高度，会怎么样？它在大屏幕上会工作得很好，但在小屏幕上，当列占据整个屏幕的宽度时，它最终会有3个图片一个接一个，三个描述部分一个接一个，三个按钮一个接一个-绝对不是我想要的！在这种情况下，有没有办法重新排列<em

浏览 0提问于2016-10-05得票数 4

回答已采纳

点击加载更多