在我的react应用程序中，我创建了一个具有最小宽度和高度的卡片，它只包含一个标题。我想添加一个flexbox，它将占用justify-content="center"和align-items="center"的整个左边空间，所以当我添加一个循环进度元素时，它将位于卡片的中间。不幸的是，不管我怎么做，flexbox的高度等于加载微调器的高度，它不会占据整个空间。如何修复它？/>
</Box>
浏览 14提问于2020-04-13得票数 0
回答已采纳
我在我的内容上使用了一个来自MUI的盒子包装器，我想让它垂直居中，这样在调整窗口大小时，它就会响应不同的分辨率。
浏览 4提问于2021-11-25得票数 0
document.addEventListener("click", toggleContent, true); .contents { display: -ms-flexbox
浏览 22提问于2021-01-12得票数 0
回答已采纳
我试图在页面中间居中放置一个元素。我可以将其居中，但如果我垂直调整页面大小，直到视图高度小于居中元素，元素将垂直移出屏幕，而不显示滚动条。800px;} <div class="inner"></div>
值得一提的是，我已经
浏览 1提问于2017-02-23得票数 1
我想在屏幕中央的卡片上居中放置一个按钮。到目前为止，我还没能做到。这就是我到目前为止所得到的： import React from 'react'import { makeStyles} from '@material-ui/core/styles'
import { Card } from '@
浏览 17提问于2020-07-19得票数 2
1回答
我有这段代码，它应该垂直和水平居中按钮，但按钮没有垂直居中，我不知道为什么？ 有人能帮我吗？import React from 'react';import Grid from '@material-ui
浏览 11提问于2020-07-14得票数 0
回答已采纳
2回答
CSS3 flexbox或flex布局允许轻松地将元素水平和垂直居中，即使元素的高度和宽度未知。
是否可以使用flex布局在页面中心绝对定位覆盖(高度和宽度未知)？
浏览 2提问于2013-05-26得票数 9
1回答
经过一些帮助后，我无法使按钮居中并正确地安装在移动设备上。我有一个隐藏的div，所以当你点击按钮时，它就会出现，看起来工作正常。我认为我没有很好地构建CSS，因此任何帮助都将不胜感激。谢谢。
浏览 12提问于2020-07-09得票数 0
1回答
我有一个材料ui快餐栏，我需要在屏幕中间显示。下面是我试图传递的属性，使它显示在屏幕的中心，但它显示在屏幕的顶部。
浏览 16提问于2020-01-29得票数 4
回答已采纳
我想要的文本是垂直和水平居中的图像。text'> </div></div>文本在两个轴上居中Safari似乎根本没有居中显示文本。它只是位于容器的顶部/左侧，就像一个正常的绝对定位的元素<em
浏览 5提问于2017-06-08得票数 9
回答已采纳
我在WordPress上使用Visual Composer创建的这个站点()需要在全屏div中水平和垂直居中的元素。所以我使用了下面的flexbox CSS代码：height: 100vh;display: -ms-flexbox;它在台式机和平板电脑上
浏览 7提问于2017-02-17得票数 0
3回答
我尝试使用layout-align = "center center“，它可以让内容在垂直和水平方向上居中对齐。但它只是水平对齐内容，而不是垂直对齐。<md-toolbar> <h2 flex>Hello Angular-material<
浏览 1提问于2015-11-20得票数 11
回答已采纳
我找不到如何使用flexbox将div元素垂直居中对齐，并将页脚元素与页面底部对齐。</div> </div>
</section> 我尝试在没有success...all的情况下使用几乎所有的选项-所有元素现在都水平和垂直居中</e
浏览 27提问于2021-03-27得票数 1
我有一个自定义块的代码在我的网站上，但我坚持想知道如何垂直中心我的按钮和标题在这个块。每当我尝试调整桌面，并使它垂直中心移动版本混乱。
浏览 7提问于2022-04-23得票数 3
有相当多的元素需要垂直居中的内容。但是，由于我没有最终的内容(以及将来可以和将要更改的内容)，所以我不能为这些容器设置固定的高度。我花了几分钟的时间试图找出为什么我的元素不能用flexbox...until垂直对齐，我发现这是因为缺少固定的高度。我最近开始越来越多地使用flexbox模型，并且真的开始喜欢这些模型，并且宁愿停止使用table/table-cell。现在，我想知道如何(或是否)可以使用flexbox来垂直对齐内
浏览 2提问于2016-01-15得票数 4
我正在尝试学习Material-UI，并尝试创建一个“表单”，查看他们的文档(我在理解文档的步调时遇到了一些困难，并且不知道我是否确实使用了预期的标签来创建表单:P)。无论如何，我想要居中我的“表单”，在摆弄了Material-UI文档中的代码和我对css的知识之后，我设法使“表单”居中，但只是水平居中，似乎不能使它垂直居中。我还不知道如何使用我自己的css代码以及material
浏览 2提问于2021-05-08得票数 0
btn-success">Login</a> <div class="col-md-4">
</div>
问题是表单的位置在页面的顶部
浏览 1提问于2017-03-21得票数 0
1回答
我写了这段代码，但是我不认为它是垂直居中的。我怎样才能完美地居中呢？ vertical-align: middle; height: 20px;
background: url(https://img.icons8.com/material-sharp
浏览 5提问于2020-06-06得票数 0
3回答
最受支持的垂直对齐方法？
、、、
直到最近，我一直在使用Flexbox垂直对齐元素，如下所示：display: -webkit-flex;-ms-flex-alignwebkit-align-items: center;align-items: center;
然而，我已经开始致力于越来越多的项目，这些项目需要支持不支持Flexbox我的问题是:只使用HTML和CSS的垂直</em
浏览 2提问于2017-01-09得票数 1
所以我使用的是angular-cli 8.3.5和material-angular 8.2.1。 我试图将HTML居中，但在帮助器类上找不到任何文档。 有谁知道如何完成我正在做的任务吗？
浏览 29提问于2019-09-30得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
