腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
3
回答
Flex
align-items
:
center
仅
适用于
一个
元素
、
#draggable-container { display:
flex
;
align-items
:
center
; width: 100%;} position1px solid black; margin-l
浏览 31
提问于2021-11-06
得票数 0
3
回答
为什么当使用
flex
时,style标签也会得到"style“?
、
、
当我使用以下代码创建
一个
html页面时 * { justify-content:
center
; } 我得到了这个输出为什么会这样呢?我不是在寻找解决方案,我是在问为什么只使用"displa
浏览 0
提问于2015-07-28
得票数 0
2
回答
Flexbox -证明-内容:中心和对齐-项目:中心不工作?
、
、
我有
一个
相当基本的
flex
设置,不管出于什么原因,这个div不会垂直地在它的父标记中居中。您可以看到下面的隔离测试用例。 position: relative; max-width: 20%; display:
flex
;}
flex
: 1;
align-items
:
浏览 3
提问于2016-05-02
得票数 3
回答已采纳
4
回答
垂直对齐属性在flexbox中不起作用
、
、
、
我想要显示
一个
包含指数(以及更多)的计算。为了设置行中的
元素
,我使用了flexbox。在flexbox
元素
中,我希望使用vertical-align CSS属性。在我的尝试中,我使用了属性:
flex
,webkit版本:-webkit-box.如果你想测试它,这里有个简单的例子:.calculation { justify-content:
center
;}display: inline; verti
浏览 2
提问于2019-07-17
得票数 3
1
回答
在div的中心显示文本
、
我正尝试在我的Dynamics CRM环境中实现
一个
拖放功能。在下图中,第
一个
是默认的Dynamics CRM子网格,它有
一个
漂亮的图标和文本。 第二个网格就是我制作的网格。我想放
一个
文本和相同的图标,就像默认的一样。我怎样才能做到这一点呢?我只想把图标和文本。 ? 这就是我创建div并将文本放入其中的方式。
浏览 18
提问于2021-08-11
得票数 0
回答已采纳
3
回答
当flexbox设置为所有项目居中对齐并对齐时,为什么文本不居中?
、
、
我需要添加text-align:
center
吗?flexbox不应该为我做这件事吗? box-sizing: border-box;
align-items
:
center
; justify-content:
center
浏览 3
提问于2018-02-11
得票数 1
2
回答
Flex
项目不是以对齐内容为中心,而是以文本对齐为中心?
、
我不明白为什么justify-content:
center
不工作? width: 100vw; .container form { display:
flex
; justify-content:
center
; .containe
浏览 7
提问于2021-12-07
得票数 0
回答已采纳
2
回答
如何让bootstrap卡停留在reactjs的屏幕中央
、
、
、
、
我使用了
align-items
和justify-content。我看过不同的网站。pointer-events: none; background-color: #282c34; display:
flex
;
align-items
:
center
; font-size: calc(10px;
浏览 0
提问于2019-03-22
得票数 4
2
回答
如何将文本垂直对齐?
、
、
我在网上查过,许多教程实际上使用了
一个
包装器div,它可以
align-items
:
center
从父级的
flex
设置中获得,但是我想知道是否有可能删除这个附加
元素
?padding: 0;} height: 100%;ul {} display:
flex
; align-self:
center</
浏览 253
提问于2018-04-02
2
回答
具有最大高度、最大宽度和对象匹配的
flex
父级图像。
、
、
、
问题是,
元素
本身不包含,只有可见图像。这意味着,如果我使图像可点击,整个
元素
区域(即使在图像之外)也是可点击的。我只想让可见的图像可以点击。这似乎
适用于
火狐,但不
适用于
Chrome。
flex
-direction: column;} { <em
浏览 0
提问于2018-03-17
得票数 0
回答已采纳
12
回答
如何在flexbox中垂直对齐文本?
、
、
我在网上查过了,许多教程实际上使用了
一个
包装器div,它从父组件的
flex
设置中获取
align-items
:
center
,但我想知道是否有可能去掉这个额外的
元素
?在这种情况下,我选择使用flexbox,因为列表项高度将是
一个
动态%。 margin: 0;body {} height: 100%; display:
flex
; justify-con
浏览 1
提问于2014-08-14
得票数 542
3
回答
把
flex
项目变成
flex
容器是不是一种坏做法?
、
、
我有
一个
像这样的html布局: <div class="content"> </div>justify-content:
center
;谢谢!
浏览 30
提问于2018-08-28
得票数 1
回答已采纳
1
回答
如何在React中的多个子项上使用flexbox?
我正在尝试使用flexbox来应用
flex
-direction: column。在我的父组件中有两个子组件,但是当我在父组件上使用flexbox时,它将子组件视为
一个
实体。下面是示例代码。<p>Tasks</p> )Tasks.module.css (作为样式导入) display:
flex
;
align-items<
浏览 2
提问于2021-03-16
得票数 0
2
回答
我该如何解决这个问题?我无法定位或集中我的DIV
、
、
我无法移动div (.searchblock)。我希望它在标题中居中。在这个问题上,我尝试了立场:固定的,绝对的,相对的。我试过在div中间加上边距: auto和其他各种值。我试着向各个方向移动div (位置:绝对,顶部:50 in,右100-1000 in,等等)。也是。似乎没有什么对它的定位有影响。html {} margin: 0; background-color: #4267B2; #4267
浏览 1
提问于2019-08-30
得票数 1
回答已采纳
2
回答
如何用css对div的内容进行水平中心化?
、
、
、
我有
一个
HomeComponent,如下所示: } return <div className="
center
</div> </div> } 在Home.css文件中有: .
center
浏览 19
提问于2022-02-17
得票数 0
回答已采纳
1
回答
防止
flex
容器中的图像在边缘拉伸
、
、
、
我在
flex
中有
一个
图片,它在边缘浏览器中延伸,但在其他浏览器中是正常的。这是我的密码和花招。打开彩色和边缘的jsfiddle url ..。我想让它看起来像边缘的铬。 height: 100px; display:
flex
; align-self:
center
; background: red;.log
浏览 1
提问于2016-10-26
得票数 1
回答已采纳
1
回答
边距顶:自动不工作位置绝对。
、
我有两个div
元素
,其中
一个
元素
有position: absolute。我的目标是使用margin-top: auto将这个div定位在它的父级的底部。: 50%; display:
flex
; justify-content:
center
;
align-items
:
center
; backgr
浏览 0
提问于2018-04-11
得票数 0
回答已采纳
1
回答
我需要与我的<div>的其余部分建立
一个
响应链接
、
、
我现在已经在桌面上工作了,但一旦我切换到
一个
较小的视口,链接就不在位置了。在这方面的任何帮助都将非常感谢。<a [attr.href]="myLink" [innerHTML]="statementsLbl | fdContent"></a>display:
flex
浏览 17
提问于2020-10-09
得票数 1
1
回答
框对齐很重要CSS
、
最初框是这样对齐的,其中所有框都具有
flex
属性。 我希望它是对齐的,例如,这是用于导航栏对齐。我尝试过
flex
-direction: column, 当屏幕尺寸小于特定像素时,将出现汉堡条 example, after the screen shrink to <800px The desktop.line { } .nav-links li a, /*display: none;*/
flex
-direct
浏览 13
提问于2021-09-05
得票数 1
回答已采纳
4
回答
Flexbox不会垂直对齐内容
、
、
、
到目前为止,我看到的所有柔性盒教程都说,垂直对齐是通过使用
align-items
和justify-content并将两者设置为中心完成的;但是,这似乎不起作用,正如您在下面看到的(我正在尝试对lorem这里有
一个
代码库:body, html:这些似乎不起作用。
浏览 4
提问于2015-11-03
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flex 布局教程:语法篇
CSS-常见布局介绍
小程序内的居中显示
史上最全Html与CSS布局技巧
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券