腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(6628)
视频
沙龙
1
回答
如
何在
flex-direction
设置
为
column
时
使用
flexbox
将
元素
与
div
底部
对齐
、
、
我只是试着把所有的按钮和所有的卡片
对齐
,因为瓷砖可能有不同的长度一行,两行或三行,但我不知道为什么它不工作。谢谢! { margin-right: 30px; display: flex; justify-content: space-between; min-height: 20vh;backgro
浏览 49
提问于2019-01-24
得票数 1
1
回答
如何用Bulma垂直叠加列中的
元素
?
、
我有以下布局: <
div
class="
column
"> </
div
>
浏览 0
提问于2018-07-22
得票数 0
回答已采纳
2
回答
如何
将
图像
与
div
的
底部
对齐
?
、
、
我尝试
使用
vertical-align
将
图像
与
out
div
元素
的
底部
对齐
,但此vertical-align似乎不起作用,图像根本没有移动。<
div
class="row"> <img src="../images/image.png" style=&quo
浏览 6
提问于2016-02-16
得票数 2
回答已采纳
2
回答
如何使文本
与
挠性基础项的
底部
对齐
?
、
、
我想
对齐
.second段落的文本,使其在
底部
对齐
.我必须将margin-top: auto
设置
为
将
整个
元素
与
底部
对齐
,但文本仍然
与
该
元素
的顶部
对齐
,我需要在.second上方留出一个空格。如何垂直
对齐
文本内的一个灵活的基础项目? display: flex;
flex-direction</e
浏览 4
提问于2017-12-12
得票数 0
回答已采纳
2
回答
在另一个
div
内
对齐
折叠
div
、
我正在尝试创建一个小聊天客户端来插入我的网站,并且很难
将
一个崩溃的
div
与它的容器
div
的
底部
对齐
。当两者都被最小化时,它可以按需要工作,页面
底部
有两个最小化的条形图。 我会粘贴图片,但是我对堆栈溢出很陌生,不能发布图片。当容器内的另一个
div
没有
浏览 6
提问于2017-12-20
得票数 0
回答已采纳
1
回答
当单击一个按钮
时
,如
何在
用户脚本中切换一组按钮?
、
、
、
、
我正在尝试创建一个用户脚本,当一个按钮被单击
时
,
将
显示一组其他按钮,以便在该按钮下面执行各种操作。然后,再次单击该按钮
时
,其他按钮集
将
消失。就像一个可移动的下拉列表。目前,用户脚本如下所示:menuButton.innerHTMLpointer; #myContainer p {
浏览 4
提问于2021-01-19
得票数 0
1
回答
在CSS中将子对象
对齐
到父级的
底部
(
Flexbox
)
、
、
我正在
使用
flexbox
,并且我试图
将
一个子分区
与
父分区的
底部
对齐
。我找不到解决办法。这是我尝试过的一个例子。 display: flex;} height: 70%; justify-content: flex-end;<
div
class=
浏览 1
提问于2018-10-05
得票数 4
回答已采纳
1
回答
如
何在
已经居中
对齐
的
元素
周围添加
元素
?
、
、
我创建了一个表单,其中一些文本
元素
垂直
对齐
,如下所示:它们
使用
flexbox
在页面上水平和垂直居中: display: flex; align-items: center;} 我现在要做的是在第一个文本框的两边添加一些
元素
的同时,保持这种
对齐
方式(即保持页面上的所有内容都已经在原来的位置上我尝试
将
浏览 2
提问于2017-12-01
得票数 0
3
回答
如何拆线2锚
、
、
基本上现在我有我的两个锚inline,但问题是,我
使用
的容器柔箱,我不太确定我怎么能打破第二个锚,所以它将在我的第一个锚。link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <i class="fas
浏览 1
提问于2021-05-27
得票数 1
回答已采纳
1
回答
Flexbox
,有两个项目左
对齐
,第三个项目右
对齐
,伸展容器的整个高度
、
、
是否可以在flex容器中包含3个项目,但它们的显示方式如下:基本上,第1项和第2项在左侧,以及它们各自需要的高度,那么第3项是右
对齐
的,但会拉伸弹性容器的整个高度?
浏览 0
提问于2016-02-17
得票数 1
1
回答
如何
使用
柔性盒
设置
两个
元素
相邻
、
我试图用
flexbox
制作我的css,所以我遵循了一些文章,并试图
设置
我的
元素
,如下面的示例: 我试图
将
这两个
元素
(1和3)
设置
为
第二个示例(第一个
元素
是我现在拥有的
元素
,另一个
元素
是我要实现的
元素
)。但是我找不到一种
使用
Flexbox
的好方法,因为我
将
容器
设置
为</
浏览 1
提问于2018-10-02
得票数 3
2
回答
在
底部
没有绝对定位的CSS定位
、
如何定位一个
元素
,使其始终位于容器的
底部
,而不
使用
“绝对”定位?我有一个包含两个
元素
的容器,其中一个是文本描述,所以它可以和文本一样大。我希望
将
第二个
元素
放置在页面
底部
,而不管之前的
div
中的文本是否
为
空,如果文本不是空的,我希望在它们之间填充10‘t。
浏览 2
提问于2016-10-05
得票数 3
回答已采纳
3
回答
不
使用
柔性盒
对齐
项目顶部和
底部
、
、
、
在一个框中有两个项,我试图
将
第一个项
与
框的顶部
对齐
,最后一个项
与
框的
底部
对齐
。我知道我可以很容易地用柔性盒做到这一点:.container { width: 100%; display: flex; justify-content: space-between;<
div
浏览 0
提问于2019-02-08
得票数 2
回答已采纳
4
回答
将
最后一个
div
对齐
到挠曲盒的
底部
。
、
、
、
场景: 当然,如果我在min-height: 320px;类上
设置
了一个card-vat-fee,它会将
div</em
浏览 0
提问于2018-08-16
得票数 1
回答已采纳
2
回答
当容器在iE11中有固定高度
时
,
Flexbox
项不按预期垂直
对齐
。
、
、
在IE11中,我有一个挠曲盒垂直
对齐
问题。 <
div
class="item"> <img src="image.jpg" /&
浏览 3
提问于2017-09-26
得票数 1
回答已采纳
1
回答
Flex未
对齐
、
、
、
我正在
使用
react和styled组件,我的
对齐
/
对齐
不起作用。
div
-
设置
为
flex,
flex-direction
为
column
div
- header
div
div
- body
div
,flex grow
设置
为
1,以便
flexbox
占据容器的整个高度 现在,正文的flex项占据了整个高度(
浏览 11
提问于2020-10-22
得票数 0
回答已采纳
2
回答
垂直居中
div
中的两个
元素
、
、
我尝试
将
两个<p>
元素
垂直居中。我会尝试其他方法,但这里的大多数问题都指向那个教程。relative; position: absolute; height: 52px;} <
div
class="banner"&g
浏览 0
提问于2012-08-16
得票数 16
回答已采纳
2
回答
如何根据屏幕高度减去绝对定位
元素
的高度来
设置
div
高度?
我有一个高度
为
100vh的面板,所以100%的屏幕(但由于某种原因,高度: 100%不工作)。 此面板必须显示一个包含其自身内容和页脚的
div
。现在的问题是,页脚采用了自己的高度(在调整窗口宽度时会有一些变化),而面板中的另一个
div
必须采用所有剩余的高度。那么,有没有一种方法可以动态
设置
div
高度,而不是在页脚高度发生变化的每个窗口宽度中填充媒体查询,将其
设置
为
height: calc(100vh - footer height)?
浏览 6
提问于2018-01-25
得票数 0
2
回答
文本项
与
flex-end不
对齐
。
、
、
根据
flexbox
,父容器上的align-items: flex-end应该
将
所有子容器
对齐
到容器的
底部
。.container {
flex-direction
: row; } .item2 {font-size: 14px
浏览 1
提问于2019-01-03
得票数 6
回答已采纳
3
回答
如何使保留在列中的项目
对齐
?
、
、
、
我试图在
将
项目保留在列中的同时
对齐
它们,但是,当我
将
项放在列中
时
,它默认为重新
对齐
页面上的项。我现在拥有的是: <
div
>{post.title}</
div
></
div<
浏览 2
提问于2017-09-18
得票数 2
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券