使用flex垂直居中(超简单)

使用flex垂直居中(超简单)flex+margin垂直居中-加粗样式在父级中使用flex,在子级中使用margin:autobody中的代码<body> <divclass=”a”> <divclass=”b”></div> </div></body>css样式.a{ width:500px; height:500px; border:1pxsolidblue; display:flex;}.b{

大家好,又见面了,我是你们的朋友全栈君。

flex+margin垂直居中

加粗样式 在父级中使用flex,在子级中使用margin:auto

body中的代码

<body>
	<div class="a">
		<div class="b"></div>
	</div>
</body>

css样式

.a{
	 width: 500px;
	 height: 500px;
	 border: 1px solid blue;
	 display: flex;
 }
.b{
	 width: 300px;
	 height: 300px;
	 background: red;
	 margin:auto;
 }
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/131009.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java邮件发送详解

    Java邮件发送详解电子邮件要在网络上实现邮件功能,必须要有专门的邮件服务器。这些邮件服务器类似于现实生活中的邮局,它主要负责接收用户投递过来的邮件,并把邮件投递到邮件接收者的电子邮箱中。SMTP服务器地址:一般是smtp.xxx.com,比如163邮箱是smtp.163.com,qq邮箱是smtp.qq.com。电子邮箱(E-Mail地址)的获得需要在邮件服务器上进行申请。比如我们要使用QQ邮箱,就需要开…

    2022年5月15日
    34
  • js弹出确认取消对话框_jquery弹出确定取消框

    js弹出确认取消对话框_jquery弹出确定取消框一种:<ahref="javascript:if(confirm('确实要删除该内容吗?')){location='http://www.google.co

    2022年8月2日
    52
  • android错误之android.os.NetworkOnMainThreadException

    在做一个天气预报的widget的时候,参考了一个源代码,但是一直报错,就从里面抠出来获取天气的代码试试看,结果总是报错 就是这个异常,android.os.NetworkOnMainThreadException代码是这样的:MainActivity:public class MainActivity extends Activity { MyWeather myWe

    2022年3月10日
    39
  • kmp的最小循环节

    kmp的最小循环节

    2021年9月27日
    51
  • 开发MT4指标和EA(自动交易系统)

    开发MT4指标和EA(自动交易系统)对外开发MT4指标和EA(自动交易系统)开发MT4指标或EA(自动交易系统)需按照标准格式,撰写如下内容文档。而后会评估价格和你联系.联系电子邮件,alantop@qq.com指标或EA的参数是否…

    2022年5月7日
    57
  • keil调试程序的断点设置技巧

    keil调试程序的断点设置技巧这几天整同事留下来的项目的BOM,很简单的错误,弄的头大,看下文章分下神,值得尝试一下这个调试方法。程序运行过程中,有些数据被莫名修改了,在哪里修改的?又是怎么修改的?这个代码我只想知道是否运行过,或者运行了多少次,但是不想让程序停下来,或者仅打印调试信息,怎么办?当这个变量设置成某个数据后,我想让程序自动暂停下来进行分析,怎么办?以上问题的所有答案就在本节内容:断点窗口(KEIL)。本节…

    2025年6月1日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号