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

文章/答案/技术大牛

发布

1回答

html、css、flexbox、css-position

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

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

回答已采纳

2回答

Vanilla JavaScript切换函数将我的h2标签上移

javascript、html、css

document.addEventListener("click", toggleContent, true); .contents { display: -ms-flexbox

浏览 22提问于2021-01-12得票数 0

回答已采纳

1回答

Float: right属性在flexbox中不起作用

html、css、flexbox

所以我在我的网页中使用了一个flexbox，我有两个元素。我希望第一个元素居中对齐，第二个元素向右对齐。我可以用flexbox属性将它们对齐到中心，但是我不能将第二个属性对齐到左边。

浏览 2提问于2021-06-07得票数 0

2回答

在调整窗口大小时，保持子元素根据其容器水平对齐，并根据其他子元素保持左对齐

javascript、jquery、html、css

我希望元素在调整窗口大小时以其容器为中心对齐，如下所示：-----------child3----------------- 确保子元素水平居中对齐到其容器，但它们根据自身左对齐(使用flexbox justify-content flex-start) (例如，请参阅child3 is left aligned )；当我调整窗口大小时，子元素必须根据其容器<e

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

2回答

当另一个元素居中对齐时，使用Flexbox将页脚与页面底部对齐

html、css、flexbox、center

我找不到如何使用flexbox将div元素垂直居中对齐，并将页脚元素与页面底部对齐。</div> </div> </section> 我尝试在没有success...all的情况下使用几乎所有的选项-所有元素现在都水平和垂直

浏览 27提问于2021-03-27得票数 1

2回答

将元素的精确位置与Flexbox对齐

html、css、flexbox

我在将一个元素与flexbox对齐时遇到了问题。我知道如何将元素居中、右或左对齐。但是我想要做的是使一个元素离右边框只有30%的距离。如何使用flexbox控制元素和容器边缘之间的精确距离？我见过一些技巧，其中所有元素都对齐到be flex start，最后一个元素具有边距-left:auto。但这只会让它向极右翼靠拢。我尝试将边距设置为右侧: 30%，但在移动设

浏览 26提问于2021-09-01得票数 0

3回答

垂直对齐: Flexbox VS Table/Table-高度未知的元素上的单元格

css、flexbox

有相当多的元素需要垂直居中的内容。但是，由于我没有最终的内容(以及将来可以和将要更改的内容)，所以我不能为这些容器设置固定的高度。我花了几分钟的时间试图找出为什么我的元素不能用flexbox...until垂直对齐，我发现这是因为缺少固定的高度。在过去，我使用display:table/table-cell组合来构建这样的布局。我最近开始越来越多地使用flexbox模型，并且真的开始喜欢这些模型，并且宁愿停止使用table&

浏览 2提问于2016-01-15得票数 4

1回答

在引导中垂直居中对齐列

css、twitter-bootstrap、flexbox、vertical-alignment

我尝试了十几种方法在bootstrap中垂直居中对齐列，但都不起作用。我的问题是我不知道列的高度。我可以使用flexbox吗？它嵌入在Bootstrap 3中了吗？

浏览 2提问于2016-02-12得票数 3

回答已采纳

3回答

最受支持的垂直对齐方法？

html、css、responsive-design、internet-explorer-8

直到最近，我一直在使用Flexbox垂直对齐元素，如下所示：display: -webkit-flex;-ms-flex-alignwebkit-align-items: center;align-items: center; 然而，我已经开始致力于越来越多的项目，这些项目需要支持不支持Flexbox我的问题是:只使用HTML和CSS的垂

浏览 2提问于2017-01-09得票数 1

1回答

如何使用flexbox使文本和图像正确居中？

html、css

不重叠这个html <!

浏览 0提问于2019-04-29得票数 0

1回答

如何在header中心垂直设置日志镜像？

html、css、vue.js

我想要我的标志垂直居中，然而，边际:汽车或边际:中心没有工作。现在第二张照片是我使用的边际：-1.8% 0%。但我知道这不是一个优雅的解决方案。如果你有任何想法，请给我建议。

浏览 18提问于2021-01-10得票数 0

回答已采纳

2回答

如何使用Flexbox居中对齐一个flex项目并右对齐另一个项目

html、css、flexbox

我对Flexbox完全陌生，想要对齐按钮，但我不知道如何处理只使用Flexbox在同一行上有一个居中对齐的按钮和一个右对齐的按钮的常见情况。但是，我发现了一种方法，它使用与右对齐项相同长度的不可见左对齐项和带有space-between的flex justify-content来使中间项居中。有没有更直接的使用Flexbox的方法？

浏览 3提问于2015-10-31得票数 68

1回答

带有引导类的Flexbox垂直和水平居中

css、twitter-bootstrap、flexbox

我正在尝试垂直对齐我的登录屏幕。，并使用css display: -ms-flexbox; display: flex;align-items: center;我不会让我的项目垂直居中。我将无法实现它，因为我使用bootstrap类来水平居中。

浏览 0提问于2016-04-11得票数 7

回答已采纳

1回答

Css flex框使第二个元素以中心为中心。

html、css、flexbox

我有一个简单的布局，我需要h3在左边，导航在右边，但在中间，我想做这个与挠性盒，但我不知道如何使导航中心在右边。在常规网格中，这类似于h3的宽度为30%，导航宽度为70%，并且给出导航文本对齐:居中。 paddding: 0; display: -webkit-box; display: -ms-flexboxcenter; list-sty

浏览 0提问于2015-04-26得票数 0

回答已采纳

1回答