CSS Flex:行中的行

文章/答案/技术大牛

发布

1回答

html、css、flexbox

我在使用flex设置行内的行样式时遇到了问题。 display: flex;} flex-basis: 50%; max-width

浏览 5提问于2017-01-17得票数 0

回答已采纳

2回答

如何避免移动中的内联图标跳转到下一行？

html、css、bootstrap-4

在桌面上，图标是线上的，但在移动中，我不能使图标水平地适合屏幕。这是导航栏的代码： <div class="d-flex container justify-content-end">

浏览 0提问于2018-10-03得票数 1

回答已采纳

1回答

如何阻止CSS flex列填充三列行中的宽度？

html、css、bootstrap-4

我有一个包含三列的flex行。每行有三列看起来很好，但是当一行中有两列时，第二列会被推到行的右侧，如下图所示。从图像中，红线显示了我希望所有列都被放置的方式。行具有以下CSS：justify-content: space-between;虽然列具有此CSS： display:

浏览 0提问于2020-04-16得票数 0

回答已采纳

1回答

具有可变高度的引导行元素

twitter-bootstrap

我目前正在开发一个使用Twitter引导的网站。每个元素都有可变的高度，这是因为元素的单个图像。如果一个大型元素在实际出现的行中第一个出现，则没有任何元素的大空白区域(标记为红色

浏览 0提问于2015-06-02得票数 5

2回答

CSS flex，如何在第一行显示一项，在下一行显示两项

css、flexbox

我想这是一个非常简单的问题，但我不能让flex容器中的3个项目显示在2行中，1个在第一行，另2个在第二行。这是flex容器的CSS。很明显，它在一行中显示了这3个项目:) width: 100%; flex-direction: row;

浏览 15提问于2014-09-28得票数 85

回答已采纳

2回答

Missplaced引导柱

html、css、twitter-bootstrap、grid-layout

我有一些问题，一个(引导)可能会导致错误的位置，我不知道为什么。因此，如果有人能向我解释为什么会发生这种情况，以及如何解决这一问题，我将是伟大的。-- END BS ROW -->/***** INFO & CONTENT HEIGHT CONTROLER *****/ display: flex; } .zeropadding-

浏览 4提问于2015-08-19得票数 0

回答已采纳

2回答

为什么<p>和样式显示:块不工作？

html、css、twitter-bootstrap

我有问题的HTML编码我的网站。问题是标签这是一个真实的示例

浏览 0提问于2017-12-13得票数 2

回答已采纳

2回答

在一行中对齐href按钮和图像按钮

html、css、href

submit-button.png" value="Submit" alt="Submit" width="90" height="40"> </div> 不知何故，使用a tag创建的按钮与定义为图像的按钮不对齐

浏览 6提问于2020-04-28得票数 1

回答已采纳

1回答

编译的内容。

sass、bootstrap-4

: wrap; margin-left: -15px;scss中的对应行是} 这两行不在混合程序中，您不会在从scss源代码编译的css中看到它们。display: -ms-flexbox; 将您编译的

浏览 0提问于2018-05-08得票数 1

回答已采纳

1回答

显示Flex和Flex方向的CSS简写方法

css、sass

在CSS中是否有一个简短的方法来组合flex-direction: row / column? 变成一行而不是两行？我认识flex-flow，flex-direction and flex wrap.

浏览 2提问于2020-08-28得票数 0

回答已采纳

1回答

我如何让我的flexbox与我的布局一起工作，我的侧边栏仍然停留在底部

html、css、flexbox、sidebar

经过多次试验和尝试，我还没有找到一种方法来让flexbox工作，这样我的侧边栏就在我的主要内容旁边。不仅如此，在添加了flexbox之后，出于某种原因，我的第二个“主帖子”突然在小屏幕上变得透明。我在这里苦苦哀求--请谁看一眼我的代码，告诉我我到底做错了什么，这些flexboxes正在嘲笑我。我把这个站点放在jsfiddle和codepen上，并把它放在这里是为了给你带来观看的乐趣，CSS首先是移动端的，在底部增加了一个更大的屏幕，这是我需要帮助<em

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

3回答

如何将卡片中的每一行都对齐？

css、reactjs、material-ui

是否有任何选项可以将所有内容排成一行而不是三行， <form onSubmit={submitHandler}>

浏览 0提问于2021-01-13得票数 1

2回答

当内容到达FlatList内部的边缘时，是否可以使用flex将内容换到下一行

javascript、react-native、react-native-android、react-native-flatlist

但我找不到任何解决方案。 //Optional // numColumns={4} <TrendingTopicsDesign image={item.imageuri} title={item.title} /> keyExtractor={(item, index) => index.toString()}

浏览 0提问于2019-06-08得票数 1

1回答

浮动表格-单元格右移除高度

html、css、media-queries

我有三个单元格|information| |two lines| |empty|和第二行|empty| |two lines| |information|的表，我的媒体查询将这两个更改为|informatino||two lines| 问题是，当我把右边的.verticalLine抛出时，两行代码就会消失。test test test test test test test test test test test test </h3>

浏览 0提问于2016-09-13得票数 2

回答已采纳

1回答

是否可以使用弹性包装并添加省略号来表示已包装的项目？

css、text、flexbox、overflow

如果这些项目是：.container { background-color: grey; flex-wrap:wrap: clip; background-color: pink;} flex

浏览 3提问于2020-02-13得票数 0

回答已采纳

1回答

引导Vue Flex布局问题

css、twitter-bootstrap、vue.js、bootstrap-vue

我试着让一个div坐在一个容器的基线上，上面有100 at，我已经看了这些文档并实现了它们所建议的，但是div没有移动。<b-container fluid class="header bv-example-row bv-example-row-flex-cols"> </b-dropdown> </b-col&

浏览 2提问于2021-03-09得票数 0

回答已采纳

1回答