可以看到，第一个flex2 div中的<p>元素比第二个和第三个flex2 div中的第一个元素大，因为<p>元素中的单词更长。因此，我想知道是否可以通过某种方式使较短的<p>元素采用最长的<p>元素的宽度，以便所有这些元素彼此对齐 .flex {
display: f
浏览 13提问于2019-09-09得票数 0
1回答
我有一个具有行方向的父Flex容器(.content-flexbox-row)，在这个容器中，我正在创建另一个具有列方向(3列)的flex。我在这里面临的问题是第二列和第三列在第一列的基础上占据中心位置。: 0 auto; align-items: center; border-bot
浏览 3提问于2017-04-12得票数 1
1回答
我有一个原始网格和p-col，基于中提供的示例我的HTML<div class="p-grid"> </div> <div class="bo
浏览 0提问于2020-11-29得票数 0
1回答
200/300" alt="test"> CENTER THIS LINK VERTICALLY IN THE MIDDLE OF THE CAT PIC </a>我试着把链接垂直地和图像对齐我的想法是使用flexbox，但我将文本封装在一个span标签中，因此flexbox将其识别为子元素。不确定HTML的结构是问题还是使用flexbox
浏览 3提问于2020-02-22得票数 0
回答已采纳
我希望元素在调整窗口大小时以其容器为中心对齐，如下所示：-----------child3-----------------
确保子元素水平居中对齐到其容器，但它们根据自身左对齐(使用flexbox justify-content flex-start) (例如，请参阅child3 is left aligned )；当我调整窗口大小时，子元素必须根据其容器居中
浏览 13提问于2018-09-01得票数 0
我无法将子元素与其父元素的末尾对齐。两者都是flex元素。父元素的高度为100%，子元素的高度为: align-self: flex-end。此设置适用于所有主流浏览器(Firefox、Chrome、IE/Edge)，但不适用于Safari9(以及一些支持flexbox的旧版本)。它看起来是这样的：
这是一个复制-粘贴
浏览 1提问于2016-04-21得票数 0
我正在尝试创建一个由两个子小部件组成的行组成的布局，第一个小部件对左对齐，第二个子小部件对右对齐，如果容器太窄，也会包装小部件。但是，当小部件使用此方法包装时，包装到新运行的正确小部件不再对齐。()
我想要做的是让正确的小部件在包装时与右边保持一致。在带有flexbox的css中，这可以通过flexbox:1或边距-左侧:auto右侧小部件来实现
浏览 1提问于2019-03-10得票数 6
2回答
如何将标题与“右对齐”容器的左边缘对齐？下面是我想要实现的目标： ? 我使用flexbox和flex: 1来创建一个50/50的布局。我现在正在尝试将标题放在正确的位置。我的第一个想法是把它放在aligned-right子容器中，但是我不希望它扩展到aligned-left区域。 将子容器与flexbo
浏览 20提问于2019-05-25得票数 0
1回答
我正试图将两个div元素并排与flexbox (display:flex)放在中间。右边的第二个div元素具有左对齐的未指定长度的内联文本.当文本行足够短到适合于一行时，正如我所期望的那样，两个div都是对齐和对齐中心的。
当文本行足够长，可以换到两行时，第二个<
浏览 2提问于2015-09-08得票数 9
回答已采纳
1回答
如果使用Flexbox布局在一行中对某些项目进行布局，则Flexbox容器将占据其所在容器的全宽。如何将Flexbox容器设置为只占用其子元素的宽度？看一下下面的例子：
在本例中，flexbox容器的大小超出了子元素的宽度。解决这类问题的典型方法是display: inline，但显然这是行不通的，因为那样它
浏览 3提问于2017-07-12得票数 11
所以我在我的网页中使用了一个flexbox，我有两个元素。我希望第一个元素居中对齐，第二个元素向右对齐。我可以用flexbox属性将它们对齐到中心，但是我不能将第二个属性对齐到左边。下面是我的代码: Html：<p> Hello </p>
<span> Hey!
浏览 2提问于2021-06-07得票数 0
我在我的项目中使用了Angular7，但是虽然在第一种情况下行为是正常的，而且我可以同时定位两个p-col-6，但是在po-col-12中移动它们之后，我不能让它们并排。ANy的想法？
浏览 0提问于2019-03-27得票数 0
回答已采纳
2回答
我有一个允许单个子元素的flexbox div。到目前为止，我已经能够很好地对准孩子的工作(顶部，左侧，右侧，底部等)，包括垂直拉伸。我还希望能够同时支持水平拉伸和垂直拉伸(‘同时’似乎是关键)。我已经能够通过将子元素的'flex‘属性设置为’1100%‘来完成水平拉伸，但是这似乎忽略了应用于父元素的任何填充(以及应用于子节点的任何边距)。看看flexbox</e
浏览 1提问于2012-05-01得票数 2
2回答
我有一个简单的柔性箱方案-父母，少数项目等。但是，在以后的某个时候，我需要恢复项目的可见性-但是作为什么？我不能使用display: unset，因为它似乎只有适度的支持。有什么想法吗？ margin: 40px; display: flex; flex: 1 0class="
浏览 1提问于2019-05-30得票数 1
回答已采纳
3回答
我在使用Flexbox时遇到一些困难。目标是拥有与最短子元素相同高度的行。以两个图像为例，一个有200 as的高度，另一个有120 as的高度。当<img>元素是flex元素的直接子元素时，下面的示例将按照预期的方式工作。 <img src="https:&#x
浏览 2提问于2019-01-22得票数 13
回答已采纳
0回答
我想将flexbox中的第二个子div的背景颜色设置为红色，但无法这样做。我只能设置第一个孩子的背景颜色。</div>
第二个子项的文本对齐方式也与第一个子项不同。第一个孩子的文本左对齐，而第二个孩子的文本居中对齐。我是flexbox的
浏览 0提问于2016-07-10得票数 0
回答已采纳
我在一个容器中有两个元素，它们是通过使用flex框并行的.在第二个元素(.flexbox-2)上，我在CSS中设置它的高度。然而，第一个元素(.flexbox-1)将匹配.flexbox-2的高度。我如何阻止.flexbox-1与.flexbox-2的高度匹配，而只保留它的自然高度？以下是我到目前为止所拥有的(
浏览 2提问于2014-12-20得票数 121
回答已采纳
2回答
我在将一个元素与flexbox对齐时遇到了问题。我知道如何将元素居中、右或左对齐。但是我想要做的是使一个元素离右边框只有30%的距离。如何使用flexbox控制元素和容器边缘之间的精确距离？类似于带bootstrap的偏移量？ 我见过一些技巧，其中所有元素都对齐到be flex start，最
浏览 26提问于2021-09-01得票数 0
1回答
我正在尝试创建一个导航栏，其内容位于导航栏的左、中和右。所有这些同时确保导航条仍然响应。当页面最小化时，下拉菜单就会弹出。此外，我被禁止使用鞋带(作业)。那么，我如何在不依赖其他CSS的情况下做到这一点呢？基本上我是如何创建它的？</div>所以我想要实现的是在导航栏最左边的“家”，导航栏中央的“新闻”，“内容”，最后。导航栏最右边的“关于”。我希望酒吧有所有提到，同时仍然保持响
浏览 2提问于2019-07-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
