腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
:
使用
flex
进行
垂直
对齐
时
遇到问题
、
、
我正在尝试添加一个类来
垂直
对齐
顶部、中间或底部,但我显然遗漏了一些东西:.row { background-color: #f0f0f0;.col-3{
flex
-basis: 25%;} align-items:
flex
-start;[class*=
浏览 1
提问于2017-01-17
得票数 0
回答已采纳
2
回答
垂直
对齐
和水平
对齐
问题
、
我正在尝试创建一个像这样的布局,既有水平居中,也有
垂直
居中。我已经想出了一种
使用
jQuery来实现这一点的方法,但在页面呈现时似乎会出现轻微的抖动。我希望用纯
css
来做这个布局,但是我似乎不知道该怎么做。这就是这个布局的难点。谢谢
浏览 1
提问于2010-11-09
得票数 1
4
回答
如何
对齐
框中的图像(
垂直
和水平)
、
在我的网页部分,我
使用
一个图标库。我在div中插入图像/图标,并通过
css
对齐
中心(
垂直
和水平)
进行
管理。但我发现我的影像中心
垂直
对齐
,而不是精确的中心在我的div中。请看我的代码和
css
。
css
width: 170px;border: 1px solid #c3c3c3;display:
flex</
浏览 7
提问于2016-06-02
得票数 0
1
回答
在
flex
项中的文本
垂直
对齐
不起作用,但是添加父属性是起作用的,为什么?
、
、
我
对齐
了
垂直
中心的child item,但是child item的内容,即文本,最初没有
对齐
。但是当我在display:
flex
;、justify-content:center;和
flex
-direction:column;中添加child class
时
,文本是
垂直
居中的。我检查了这些问题: 一些答案帮助我
垂直
对齐
child item,但没有提到如何将child的内容在中间的
垂直
中心
对齐
。: 1
浏览 1
提问于2016-06-15
得票数 2
回答已采纳
5
回答
合理的-内容问题,一致是有效的,但不是正当的?
、
在
使用
应用的
flex
-列属性
时
,我试图用
对齐
内容对项目
进行
垂直
居中。
对齐
-条目按其应有的方式工作,但内容不响应Y轴。我有
对齐
项目注释掉,我不想中心X轴,只是Y轴。 display:
flex
; /* align-items: center; */} disp
浏览 4
提问于2020-02-03
得票数 0
回答已采纳
2
回答
如何在不
使用
位置的情况下使力道保持在同一条线上:绝对?
、
、
、
@package.Id" target="_blank">@package.Id</a> }其结果是:由于我希望锚文本从同一行开始,所以我
使用
了
浏览 0
提问于2018-05-18
得票数 0
回答已采纳
4
回答
如何使<div>的内容
垂直
对齐
是否可以使div的内容
垂直
居中?padding-left: 15px; vertical-align: middle; align-content: center" ></div> 我希望文本左
对齐
,
垂直
居中
浏览 23
提问于2020-08-26
得票数 0
6
回答
如何在div中
垂直
对齐
H1?
、
、
水平居中不是问题,但我很难让它
垂直
地居中。我可能做错了什么,或者误解了我在这里找到的解释(或者两者兼而有之)。因此,由于我可能是以错误的方式解释早期的解决方案,请有人解释一下,我需要在下面的代码中添加什么才能使h1
垂直
地居中?html, body {margin: 0;min-height: 90%; } HTML:
浏览 6
提问于2013-12-13
得票数 61
回答已采纳
2
回答
如何
使用
用于条形图的
Flex
CSS
将文本
垂直
居中
、
我试图显示的数量文本
垂直
水平,就像Mozilla页面显示浏览器支持,但
使用
灵活的
CSS
,例如。 (在页面底部签入)ul.chart-bg { height: 100%; padding:: none; display:
f
浏览 0
提问于2019-05-07
得票数 2
回答已采纳
1
回答
在内联块中
垂直
对齐
子块的最佳方法
、
、
我试图在不
使用
以下方法之一的情况下
垂直
对齐
cyan中的内容: background: #f2f2f2; width: 100%cyan;
浏览 1
提问于2017-10-30
得票数 0
回答已采纳
1
回答
无法使柔性盒
垂直
对齐
中心的内容
、
、
我刚刚开始学习HTML和
CSS
,并遇到了这样的问题,在这个问题上,正确的内容不会
垂直
地集中在我的元素中。我的挠性方向是列,即使它是默认行,
使用
对齐
项,我的元素只是
垂直
移动,但是水平方向总是工作的。我真的只是试着用
flex
对文本
进行
垂直
和水平的居中。此外,我正在
使用
Firefox,我也在Chrome上
进行
了测试。</section> <section class="LV&
浏览 0
提问于2020-07-25
得票数 4
回答已采纳
1
回答
在
flex
容器中水平居中两个div
、
、
我有两个div(一个在另一个下面),我希望这一列居中
对齐
。但是
使用
justify-content: center,div是沿着y轴(
垂直
)居中
对齐
,而不是沿着x轴(水平)
对齐
。我想知道是否唯一的方法(
使用
flexbox)也具有沿x轴的中心
对齐
是添加margin: auto。target="blank" href=""><span class="fa fa-facebook-square" id=&q
浏览 3
提问于2016-02-16
得票数 3
回答已采纳
2
回答
Angular
css
样式
垂直
顶部的
flex
项
、
我不是
css
样式的专家。任何人可以帮助以下
垂直
对齐
文本顶部。ERROR_MSG_UPLOAD_FAILED"></t-error>和风格 display:
flex
; align-items:
flex
-start;我希望文本在
垂直
显示顶部
浏览 0
提问于2021-05-12
得票数 0
2
回答
如何
垂直
对齐
包装器或整个容器?
、
、
如何
垂直
对齐
整个容器或包装器?(我的海关
css
不涉及小提琴,但对情况不重要,大部分是文字
对齐
,着色,装饰等)。
浏览 0
提问于2019-03-08
得票数 1
回答已采纳
1
回答
CSS
挠性盒图像对中
、
、
我有一个可变的图像集,我显示在一个柔性盒,并试图确保图像
垂直
和水平
对齐
他们的父div。我已经尝试了通常的
垂直
对齐
,文本
对齐
,最大宽度: 100%;和边距:0自动;。有什么好的跨浏览器解决方案,以解决我的困境,不会导致扭曲/左
对齐
图像?下面是
CSS
(在它当前的borky表单中,我也尝试过前面提到的以
CSS
为中心的
CSS
): max-width: 100%; max-height: 100%
浏览 1
提问于2014-05-25
得票数 0
回答已采纳
2
回答
垂直
对齐
挠曲盒元件
、
旧的display:box具有对元素
垂直
对齐
的能力,因此对于具有H定义高度的元素的N数,它们将根据父元素排列自己(
垂直
)。 是否可以
使用
当前的dislpay:
flex
系统来实现这一目标?
浏览 5
提问于2015-08-16
得票数 6
回答已采纳
1
回答
列表视图,其中的flexbox显示一行中的所有项目
、
、
、
// Default Loading View alignItems: 'center',
flex
flexDirection: 'row', }, textContainer: { re
浏览 1
提问于2016-07-06
得票数 1
回答已采纳
1
回答
Safari浏览器对于大于100vh的内容不会将页脚推到页面底部,并且具有显示灵活性
、
我在Safari浏览器上
使用
flex
遇到了一个奇怪的问题。当页面内容是> 100vh
时
,我在
flex
容器中的页脚不会转到底部。下面是我的网站结构的格式。请注意,我的是一个Reactjs应用程序,我
使用
的是styled-components,它处理所有跨浏览器的
CSS
东西,这只是一个基本的结构。<!: 1;
flex
-direction: column;
浏览 3
提问于2020-03-27
得票数 0
2
回答
无法同时在标题和导航栏上
对齐
内容和
对齐
项。
、
、
、
、
我正试图使第一次
使用
柔性盒导航链接的标题栏。当我将display:
flex
应用到
CSS
中的header元素
时
,为了
垂直
对齐
徽标和链接,导航链接不再被分隔开(请参阅链接查看此链接)。但是,如果我删除
CSS
中标题元素中的显示:
flex
和
对齐
项,导航链接就会被分隔开,但之后不会
垂直
对齐
。我不能让两者同时发生。同时
进行
间隔和
垂直
排列)。我尝试了许多组合,但不知道有些事情
浏览 2
提问于2020-09-26
得票数 2
回答已采纳
2
回答
如何在样式为按钮的链接内
对齐
某些文本
、
、
、
我做了一个看起来像按钮的链接,在
CSS
中与它旁边的按钮具有相同的属性,但由于某种原因,看起来像按钮的链接中的文本有点高……有什么建议吗?我也
使用
了顶部的填充,但这会使实际的按钮更大…
浏览 28
提问于2021-06-11
得票数 0
回答已采纳
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券