我试着对齐三个内容，在每一行都留出均匀的空间。就像这张图片。 ? 因此，我尝试使用flexbox来做这件事！使用flex，flex-direction: column；显示，并使用align-items或justify-contents。然而，它并没有像我预期的那样工作。我猜内容会像上面的图片一样清晰地显示出来。然而，它显示了如图所示。 ? 你能帮我解决这个问题吗？我将在下面留下我的代码！// flex-wrap: wrap
浏览 12提问于2021-11-02得票数 0
回答已采纳
如何在页面中间居中放置微调器？ <div class="content-area" *ngIf="!document"></div> 我尝试了几种css-class和center的组合，但对我不起作用。
浏览 9提问于2020-05-02得票数 0
我对Flexbox完全陌生，想要对齐按钮，但我不知道如何处理只使用Flexbox在同一行上有一个居中对齐的按钮和一个右对齐的按钮的常见情况。但是，我发现了一种方法，它使用与右对齐项相同长度的不可见左对齐项和带有space-between的flex justify-content来使中间项居中。有没有更直接的使用Flexbox的方
浏览 3提问于2015-10-31得票数 68
我对flexbox布局有一个主要的问题。我用一个装满图片的盒子构建了一个容器，我决定使用flexbox布局来对齐内容，使其看起来像一个网格。<div class="item"></div>
和CSS： display: flex; justify-
浏览 4提问于2013-05-05得票数 88
当我尝试使用flexbox对项目进行中心设置时，有一些重叠的内容和不对齐的地方。 position: relative; align-items: top; toppadding-bottom:100px; position: relative; align-items: top;
浏览 0提问于2016-01-15得票数 0
回答已采纳
我对齐了垂直中心的child item，但是child item的内容，即文本，最初没有对齐。但是当我在display:flex;、justify-content:center;和flex-direction:column;中添加child class时，文本是垂直居中的。我检查了这些问题：
一些答案帮助我垂直对齐child item，但没有提到如何将child的内容在中间的垂直中心对齐。flexbox来
浏览 1提问于2016-06-15得票数 2
回答已采纳
5回答
我使用flexbox对齐页面中间的内容块，现在我愿意将标题与外部内容块对齐
这就是它所需要的样子
因此，当缩放浏览器内容时，如果有空格，内容将转到第一行，此时，标题需要随之增长。 display: flex; justify-content: center;
如
浏览 0提问于2015-10-01得票数 12
回答已采纳
只有文本是存在的:文本应该保持对齐。
display: flex; justify-content: center;
浏览 3提问于2016-01-18得票数 11
回答已采纳
1回答
我创建了一个表单，其中一些文本元素垂直对齐，如下所示：它们使用flexbox在页面上水平和垂直居中： display: flex; align-items: center;}
我现在要做的是在第一个文本框的两边添加一些元素的同时，保持这种对齐方式(即保持页面上的所有内容都已经在原来的位置上我尝试将所有内容包装在div中，但
浏览 2提问于2017-12-01得票数 0
1回答
我试图创建一个布局与顶部和中央对齐的div。<div class="flexbox-container"> top <div class="center-item; -webkit-box-align: center;
justify</em
浏览 5提问于2017-09-21得票数 3
回答已采纳
3回答
我一直在开发这个使用的原型HTML5模板。不过，我遇到了一个小问题。下面是我的HTML内容：</body>
下面是相关的CSS
浏览 359提问于2014-06-05得票数 93
回答已采纳
1回答
我创建了一个使用flexbox的模态，它对小型的modals非常有用。我遇到的问题是，如果模态的内容高度太高，它会裁剪模态，而不能滚动到它的顶部或底部。以下是说明这一点的JS Fiddle，要点如下：
left: 0; h
浏览 0提问于2019-09-05得票数 0
回答已采纳
“高度:100%”和“对齐内容:中心”在css柔性盒中不起作用。body {}
display: flex; justify-content="UTF-8" />
<meta name="viewport" cont
浏览 1提问于2020-06-02得票数 0
回答已采纳
2回答
我正在尝试创建一个容器，它在顶部和两侧各有两个div，在底部有另一个内容。我已经用flexbox做到了这一点。我可以根据需要对齐底部的内容，但顶部的内容会对齐顶部，而不是左右对齐。我认为使用会给它打上点。background-color: red;}
display: flex;
alig
浏览 4提问于2017-07-28得票数 3
回答已采纳
HTML <h1 id="test1">test1</h1><h1 id="test2">test2</h1><h1 id="test3">test3</h1>CSS display:inline-flex;
浏览 11提问于2022-03-15得票数 3
2回答
我试图得到一个元素与右边对齐。我使用了柔性盒，因为我发现最容易对齐文本和任何图标完美。下面的代码片段是我正在做的事情的一个例子。这段代码在Firefox和Chrome中运行得很好，但在IE中却无法实现.我已经准备好了，但它什么也没做。内容在IE中左对齐，而不是右对齐..align-right { display: -ms-flexbox;
display: fl
浏览 1提问于2018-09-25得票数 0
回答已采纳
在过去的几天里，我一直在学习flexbox，但遇到了一个问题。在中，我有一个使用2个flexbox容器的nav。一个用于"LOGO“和"UL”行布局，另一个用于"UL“本身中的内部"LI”项。问题
当我只在"LI“项中使用文本时，徽标与导航中的第一项(在本例中为"HOME")垂直对齐，这很好。但是，当我使用unicode字符作为第一项时，例如☰或图像，它们不会垂直对齐。在这个
浏览 4提问于2016-12-16得票数 0
我想在我的代码中为文本设置垂直对齐:midle；到li tags.this，但它不起作用...
浏览 0提问于2013-03-08得票数 2
云服务器
ICP备案
对象存储
实时音视频
云直播
腾讯云开发者
