腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
flex
align-
项目
居中
不
居中
、
、
、
我正在尝试使用
flex
和align-item来实现这一点,但文本和块从未精确
居中
我是不是做错了什么,有没有更好的方法。.element{ list-style: none; display:
flex
; align-items: center
浏览 82
提问于2018-02-07
得票数 5
回答已采纳
2
回答
Flex
align-
items :
居中
不
居中
项目
、
、
这是HTML <p>Lorem ipsum</p>CSS display:
flex
; justify-content
浏览 2
提问于2018-01-30
得票数 22
回答已采纳
3
回答
如何垂直对齐我的<li>元素,使文本位于导航栏的中间(垂直地说)?
、
、
100%;} background-color: #171717;.navigation-ul { display:
flex
浏览 6
提问于2018-08-28
得票数 0
回答已采纳
1
回答
flex
的align-content和justify-content没有按预期工作
、
、
#container {
flex
-wrap: wrap; align-content: center;height: 90vh;#header { background-color: lightgreen; border-radius: 1rem;#main { background-color
浏览 0
提问于2016-12-10
得票数 0
2
回答
CSS -
align-
items :
居中
不
居中
项目
、
我将align-items设置为
居中
,但没有任何内容
居中
。我做错了什么?这是我的CSS: display:
flex
; margin: 0 -15px -30px; .gt-columns.gt-columns-center
浏览 1
提问于2020-07-17
得票数 0
1
回答
Flexbox align-items:
居中
不完美
、
例如,这是我用于帖子
项目
的html/css代码。 height: 80px; font-family: 'Helvetica'; display:
flex
浏览 0
提问于2017-09-21
得票数 0
2
回答
align-self:
flex
start未将子元素发送到顶部
、
、
、
、
我在javascript中创建一个元素,并将其附加到
flex
容器中。我将其附加到的容器中有一个按钮和一个display none div。我希望我要创建的元素位于div的顶部,并使用align-self:
flex
-start设置了它的类的样式,但由于某些原因,这什么也做不了。Align-self:
flex
-end不能工作,也不能使用其他的align-self。.events{ display:
flex
;
flex
-direction: column;
浏览 1
提问于2018-12-02
得票数 0
2
回答
React-bootstrap复选框在列中
居中
、
、
.aggregation { align-items: center;不确定它有多相关,但是列的高度是0px。让我困惑的是为什么单行描述
居中
,而多行描述
不
居中
。下面是0px协议的图像:我已经注意到,似乎有某种类型的标签应用于复选框,它由应用的CSS
居中
,但我需要将其应用于实际的复选框。
浏览 1
提问于2018-02-28
得票数 2
3
回答
使用柔性盒对齐一行div下面的div。
、
我现在所做的是将所有的div包装在一个容器中,然后添加:align-items: center;到集装箱上display:
flex
; justify-content: center;align-items
浏览 4
提问于2017-08-16
得票数 1
回答已采纳
1
回答
删除包装
项目
后的空格
、
但我需要整个布局(红色边框)在容器(绿色边框)内
居中
,但我
不
希望
项目
(黄色框)在包装时
居中
。在
项目
换行到第二行(
项目
6-8)后,外部红色框不再
居中
,因为它占用了所有可用的空间,在
项目
编号5和红线的右边缘周围留下了很大的空白。有没有办法强制红色方框只占用它需要的空间,然后
居中
?">1</li> <li class="
flex
-item"
浏览 2
提问于2020-07-17
得票数 2
1
回答
如何在header中心垂直设置日志镜像?
、
、
我想要我的标志垂直
居中
,然而,边际:汽车或边际:中心没有工作。
浏览 18
提问于2021-01-10
得票数 0
回答已采纳
2
回答
将两个
flex
项对齐:一个位于顶部,另一个
居中
、
、
、
#wrap {
flex
-direction: column; height: 400px; align-content
浏览 2
提问于2016-02-07
得票数 1
1
回答
如何使
flex
容器的宽度缩小到它的子容器的宽度?
、
、
我正在尝试创建一个网格,它最终是
居中
对齐的,但
项目
是左对齐和顶部对齐的。这是一个复制品: 我认为用text-align: center或display:
flex
; justify-content: center;创建一个父容器,然后添加一个样式为display:
flex
; justify-content:
flex
-start; align-items:
flex
-start;
flex
-flow: row wrap;的子容器,然后添加一堆固定宽度的子项,就会得到我
浏览 2
提问于2017-12-22
得票数 2
2
回答
涉及到
flex
时的对齐问题
、
我的
flex
有两个问题,我需要帮助解决。我在这里创建了一个小提琴来访问:https://jsfiddle.net/dmj5yscz/ 问题1:我无法将元素移动到中心(参见屏幕截图中的红色)。(注意:仅当宽度
不
超过1144px时才会发生) 问题2:我希望文本垂直
居中
对齐(任何屏幕宽度) ? 代码如下: <!div> .newsl
浏览 24
提问于2021-07-20
得票数 0
回答已采纳
2
回答
将文本对齐设置为css不起作用时
居中
、
line-height: 2; /*margin-bottom: */} 当我链接css文件时,p标签下的标题和文本都应该
居中
标记p下的文本仍未
居中
。有人能告诉我它出了什么问题吗?
浏览 24
提问于2020-01-17
得票数 0
3
回答
1/3和2/3比例的flexbox -
居中
项目
、
、
我需要在1/3行空间中对齐
项目
(1),在其余行空间(2/3)
居中
对齐另一项(2)。如何将
项目
居中
到它们适合的特定空间,以便它们不会
居中
取决于它们的大小,而取决于它们签名的空间的大小(1/3和2/3)? align-items: center;} background: green;} backgr
浏览 1
提问于2018-11-26
得票数 6
回答已采纳
2
回答
在flexbox
项目
中垂直
居中
文本
、
、
、
我想要的弹性
项目
采取完全高度,但里面的内容是垂直
居中
。justify-content: centre不起作用,
项目
本身的align-self: centre会将其高度缩小到自己的内容,而我希望所有
项目
的高度都相同。在本例中,我希望数字垂直
居中
:.
flex
-container { margin: 0; display:
flex
;jkdfgdfjkgk </li>
浏览 1
提问于2015-01-01
得票数 16
回答已采纳
1
回答
在Ionic Project中使用CSS添加新图片时保持图像
居中
、
、
使用‘边距:自动’,我能够让它们保持
居中
,每次添加一张图片。但是,我需要让每个缩略图保持尽可能
居中
,消除它们排列时出现的大间隙。ion-scroll { } margin: auto; display:
flex
; }
浏览 6
提问于2017-12-16
得票数 0
1
回答
文本未
居中
对齐-内容:
居中
、
、
我和display:
flex
有一个div。其内容在水平和垂直方向
居中
。 width: 100px; background-color: lightgreen;} display:
flex
;
flex
-wrap: wrap; align-item
浏览 1
提问于2016-09-25
得票数 12
回答已采纳
1
回答
使动态网格
项目
从左开始
、
我有一个CSS网格
项目
的问题,其中的
项目
是动态的。 当我有很多
项目
时,这是可以的: ? 当我有一个/两个
项目
时,它会
居中
。 ? 我希望它从左边开始。
浏览 4
提问于2021-10-19
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
支配vue框架初阶项目之博客网站-样式居中
聊聊css居中那点事
前端开发“居中”问题总结,希望对大家有帮助
前端秘籍,看程序员如何用九个招式,搞定css水平居中
CSS布局解决方案
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券