Flex box垂直导航问题

文章/答案/技术大牛

发布

1回答

html、css、flexbox

所以我最近开始尝试Flexbox，我正在尝试创建一个页面，在页面的侧面有一个垂直的导航区。我的问题是我的内容显示在导航区下面。而不是放在一边。我想知道如何使用Flex box让我的内容显示在导航旁边，如下面的页面所示： height: 100%; position: fixed; display: <e

浏览 4提问于2017-07-07得票数 1

回答已采纳

1回答

居中对齐导航元素-使用Flexbox

html、css、flexbox、css-position

在固定导航中垂直居中对齐导航元素时，Im遇到了问题。通过研究，我使用了flex-box，但是现在元素垂直居中对齐到屏幕尺寸，而不是导航。important; } -moz-box-sizing: border-box; -webkit-box-sizing: border-box

浏览 12提问于2018-01-13得票数 0

回答已采纳

1回答

引导4..nav项和..nav链接类

bootstrap-4、asp.net-identity

由ASP.NET标识支架创建的HTML代码包含类似于_ManageNav.cshtml中(简化得多)的HTML代码： <li class="active"><a href="/something">Profile</a></li> <li class=""><a href="/something-else">Password</a>&l

浏览 0提问于2018-07-27得票数 1

回答已采纳

1回答

CSS调整大小属性都不能在flex中正常工作

html、css、flexbox

我使用的CSS调整属性与柔性盒，它只工作垂直，而不是水平。第二个问题是垂直行为，允许您稍微调整一下大小。 box-sizing: border-box; display: flex;} flex: 1 1 50%;border: 1px solid red; padding: 4em;

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

回答已采纳

1回答

如何让ASP.NET MVC导航栏水平而不是垂直？

css、asp.net-mvc、bootstrap-4、navbar

在我的MVC5页面中，导航栏选项不是并排的，而是垂直折叠的： ? ? 此设置是在索引页面中还是在bootstrap.css中？以下是我的bootstrap.css的一部分，以防对您有所帮助： .navbar-nav { display: -ms-flexbox;display: flex; -webkit-box-direction: norma

浏览 9提问于2020-01-09得票数 1

1回答

将时间线从垂直更改为水平

html、css、twitter-bootstrap-3、timeline

我有一个垂直的时间线，我试着翻转它，使它成为一个水平的时间线。它垂直显示很棒，但我真的需要它是水平的。我想张贴完整的css和标记，这样你们都可以看到我正在使用的所有东西，所以请原谅任何多余的代码。

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

2回答

如何将较大的复选框垂直对齐到中间

html

注意，只要我的复选框是默认大小，我的wrap1 div中的所有内容都在中间垂直对齐。如果我更改复选框的大小，则垂直对齐显示停止工作。。

浏览 0提问于2017-04-25得票数 0

回答已采纳

2回答

我正试图使第一次使用柔性盒导航链接的标题栏。当我将display: flex应用到CSS中的header元素时，为了垂直对齐徽标和链接，导航链接不再被分隔开(请参阅链接查看此链接)。但是，如果我删除CSS中标题元素中的显示:flex和对齐项，导航链接就会被分隔开，但之后不会垂直对齐。我不能让两者同时发生。同时进行间隔和垂直排列)。我尝试了许多组合，但不知道有些事情是否相互冲突！} background-color: #F7F7F7;

浏览 2提问于2020-09-26得票数 2

回答已采纳

1回答

flex的“对齐项目:弯曲端”是否会导致弹性包装盒内的固定高度div根据每个盒子最高的高度垂直对齐？

html、css、flexbox

在做一个相当基本的HTML页面时，我发现下面的CSS中的flex问题让我感到困惑。.wrapper { justify-content: space-evenly; display: flex; display: flex;} display:

浏览 2提问于2022-10-06得票数 1

回答已采纳

2回答

CSS导航条上的垂直中心图像

html、css

我试图在CSS中做一个导航栏，左边有两个按钮，右边有一个图像。问题是，我的图像必须符合导航栏的大小，同时，必须是垂直居中的。如果有人能帮我解决这个问题，我会很高兴的。解决方案：I通过使用" flex "和“”(导航栏显示属性设置为flex，图标边距设置为auto，使其位于flex行的右侧)来解决这个问题。：https://jsfiddle.net/572ba

浏览 1提问于2020-09-02得票数 0

回答已采纳

3回答

垂直对中和左对齐一列挠性项。

html、css、flexbox

要求 flex-direction: column;body {} display: flex; flex-wrap: wrap; height: 1

浏览 10提问于2015-10-27得票数 43

回答已采纳

1回答

Flexbox，有两个项目左对齐，第三个项目右对齐，伸展容器的整个高度

html、css、flexbox

是否可以在flex容器中包含3个项目，但它们的显示方式如下：基本上，第1项和第2项在左侧，以及它们各自需要的高度，那么第3项是右对齐的，但会拉伸弹性容器的整个高度？

浏览 0提问于2016-02-17得票数 1

1回答

Drupal视图溢出

views

我有个意见问题..。我有一个网站，一些数据报告显示在各种图表/量规等。我也有一个“数据”页面，显示所有使用的数据，以便用户可以查看和/或下载它。我的问题源于视图表溢出了右边屏幕上的数据。这本身并不是什么大问题，但我想知道是否有一种方法可以将视图包含在可滚动的固定大小的框/容器中。很像文本框。提前谢谢你。

浏览 0提问于2013-06-11得票数 1

1回答

如何使用CSS和html动态地在容器内创建和排列复选框？

javascript、html、angular、typescript

我想要创建一个容器，它会将复选框排列成表列。当前，在html代码下面，它显示了以下输出以下是我的代码：<div class="container border"> <div class="col-sm anyClass"> class=

浏览 0提问于2018-11-19得票数 0

2回答

使用flexbox将项目垂直居中

css、flexbox

我试着用CSS的flexbox使项目垂直居中；而且，我知道如何使用非供应商前缀的代码，但即使有供应商前缀，我也无法在Webkit (Chrome)中工作。我正在尝试垂直对齐#trigger中的跨度。这是我的CSS： /* 2009 syntax */ display: box; display: -webkit-flex;

浏览 4提问于2013-03-31得票数 24

回答已采纳

4回答