腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
2
回答
如何在柔性盒中以不同的方式
对齐
特定的<
div
>?
、
、
我使用作为布局,
在
完成之后,我尝试获得以下
对齐
方式:我的想法如下: <
div
class="container"> <
div<
浏览 6
提问于2015-12-07
得票数 6
回答已采纳
2
回答
文本项与
flex
-end不
对齐
。
、
、
根据flexbox ,父
容器
上的align-items:
flex
-end应该将所有子
容器
对齐
到
容器
的
底部
。.container {
flex
-direction: row; } .item1{font-
浏览 1
提问于2019-01-03
得票数 6
回答已采纳
1
回答
在
flex
容器
中
底部
对齐
div
、
、
在
每个框
中
,文本应从顶部(即图像下方)
对齐
,按钮应显示
在
框的
底部
。如何将按钮与
底部
对齐
?我尝试了多种方法来制作嵌套的
flex
box,但都不适合我。css .rowDisplay {} border: 1px solid black;.buttonClass { /* tried
flex
box here as well*/
浏览 96
提问于2021-08-25
得票数 2
1
回答
小屏幕上3个
div
的不同flexbox
对齐
方式
、
、
、
基本上我需要3个
div
来
对齐
小宽度(<576px),就像在下面的图像顶部和其余的宽度(>576px),就像在下面的图像
底部
。如何使用bootstrap flexbox类来实现?我假设基集是: <
div
>A</
div
> <
浏览 6
提问于2019-07-25
得票数 0
回答已采纳
4
回答
将最后一个
div
对齐
到挠曲盒的
底部
。
、
、
、
场景: 当然,如果我
在
min-height: 320px;类上设置了一个card-vat-fee,它会将
div
与
底部<
浏览 0
提问于2018-08-16
得票数 1
回答已采纳
2
回答
将一个
div
放在儿童
div
旁边。
、
我的代码:<
div
class="container"> </
div
> </
div
> <
div
class="anot
浏览 5
提问于2022-05-18
得票数 0
2
回答
flex
盒中的基础6行
对齐
、
、
、
我试图水平地居中两个
div
,
在
父
容器
的中间
对齐
一个,
在
父
容器
的
底部
对齐
第二个
div
。我使用的是Foundation6和Flexbox版本。<section id="hero"> <h1>Welcome</h1>
浏览 4
提问于2017-03-29
得票数 0
回答已采纳
5
回答
引导4将行
对齐
到
容器
的
底部
、
、
如何将引导行
对齐
到
容器
的
底部
?如下所示: <
div
class="row"> <h1 class="t
浏览 1
提问于2017-12-09
得票数 11
回答已采纳
1
回答
CSS
Flex
对齐
3
div
,1和2顶部,3
在
底部
、
我试着做一个边栏,在上面有一个下拉选项,然后是我的导航,然后
在
导航的
底部
有一些控制:-My下拉-nav项目-space-My控件
flex
-direction: column; justify-items:
flex
-start; <ul> <li class="
浏览 0
提问于2019-11-07
得票数 1
回答已采纳
1
回答
如何在不移动周围元素的情况下使用柔性盒扩展文本
、
、
我试图创建一个布局,以便当我单击“查看更多”来展开一个
容器
的文本时,周围的
容器
保持
在
相同的位置。 有三个
容器
,每个
容器
有两个包装器,顶部包含标题,
底部
包含图像、文本和按钮。我不知道标题的长度会是多少,所以为了确保框、文本和按钮排列起来,我已经给出了每个
容器
的
对齐
--内容:空格--以便
底部
包装始终
对齐
。单击“查看更多”后会出现问题,每个
容器
的
底部
包装向下移动以适应
容器</em
浏览 2
提问于2021-03-29
得票数 3
1
回答
使用柔性盒
对齐
2个
div
:一个中心中心和另一个
底部
中心。
、
我试图使用柔性盒
对齐
两个
div
在他们的父母与一个完全中心和另一个
底部
中心。他们都是同一个家长。.
flex
-centered {} align-self:
flex
-end;<
div
class="
flex
-wrap"> <
div
class="
flex
-center
浏览 1
提问于2016-05-05
得票数 2
1
回答
是否可以
对齐
轴和拉伸内容?
、
、
我使用
flex
在
div
(
容器
)
中
水平显示元素。这些元素都应该是1。向右和
底部
对齐
,2.拉伸完全高度。我可以实现1,2,单独,但不是在一起,他们似乎冲突和伸展似乎凌驾于
底部
对齐
。有没有一种方法,我可以实现正确的,
底部
对齐
我的内在元素,并使他们伸展充分的高度?注意,我真的不能添加另一个
div
来包装元素。 display:
flex
;
浏览 0
提问于2020-10-26
得票数 1
回答已采纳
1
回答
具有
底部
锚定元素的CSS flexbox垂直堆栈
、
如何使用flexbox布局创建垂直的
div
堆栈(列),其中一个
div
锚定在
容器
的
底部
?,在此
中
,我希望项目1、2和3水平居中,垂直与顶部
对齐
,固定项目水平居中,垂直与
底部
对齐
。: 100%;} height: 50%; display:
flex
;
flex
-direction: column;
浏览 0
提问于2015-05-01
得票数 4
1
回答
如何“结束”
在
Bootstra4
中
的弯曲列
对齐
,同时保持它们相同的高度?
、
、
、
我还在试着用Bootstrap的新
Flex
工具来让我的头脑清醒一下。我不得不承认,在此之前我还没有真正使用过
Flex
(因为它在很多老版本
中
没有得到适当的支持)。总之,下面是我正在做的事情的CodePen: <
div
class="btn-group" data-toggle="buttons"> <label class="
浏览 7
提问于2017-02-08
得票数 1
回答已采纳
1
回答
使用内容包装器的动态高度将
div
放在
容器
的
底部
、
我有两个“列”,每个列都包含动态内容+每个列
底部
的图像。 ? 我希望这些图像块
在
每一列的
底部
。我可以使用position:absolute并设置每一列的高度,但我正在寻找一种方法来实现这一点,而不是
在
列上使用指定的高度。<
div
class="grid"> <!-- image blocks --> </
div
> <
d
浏览 42
提问于2021-01-24
得票数 0
回答已采纳
1
回答
嵌套的柔性箱,
对齐
-项不弯曲端
、
、
我正在尝试使用
flex
-end将导航放在
底部
。我不知道是什么原因导致它不能放在
底部
。我知道我可以把它放在绝对位置,尽量避免这样做。<header> <a href=""></a> <nav> <li><a href/li
浏览 0
提问于2016-04-27
得票数 1
回答已采纳
2
回答
在
容器
底部
未
对齐
的文本
、
在这个例子
中
,价格文本
在
容器
的顶部
对齐
,我希望它在它的
底部
对齐
,就像在基线处一样。 margin-top: auto;
flex
: 1 1 100%; line-height: 1; display: block; displ
浏览 9
提问于2022-05-06
得票数 0
2
回答
不同高度弯曲儿童的位置问题粘性和
底部
、
、
我有一个弹性
容器
,里面有两个不同高度的孩子。} margin-inline: max(0px, ((100% - 1440px) / 2))
浏览 5
提问于2022-11-17
得票数 0
3
回答
对齐
容器
、
、
我有一个跨度,它必须
对齐
底部
和左边的
容器
的内容。跨文本节点和
容器
文本节点字体大小可能不同.请参阅附件
中
的图像以获得更多的澄清。 .
浏览 3
提问于2016-12-29
得票数 2
回答已采纳
3
回答
挠曲盒:边缘影响基线?
、
、
为什么将margin设置为auto破坏了柔性箱的基线
对齐
? background-color: #ffd; justify-content:
fle
浏览 0
提问于2018-02-13
得票数 3
回答已采纳
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券