使用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;
 }
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • C++ 清空消息队列

    C++ 清空消息队列

  • Linux学习—新建文件,查看文件,修改权限,删除

    Linux学习—新建文件,查看文件,修改权限,删除过程:在一个文件夹下面新建一个文件,然后查看文件,再修改权限,运行,最后删除1、新建文件touchTest.sh补充:新建文件有好多种方式,一般用mkdir(创建目录,即文件夹)。touch

  • goland2021激活码【2021免费激活】

    (goland2021激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容https://javaforall.cn/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~9ADCNKZL59-eyJsaWNlb…

  • 基于Java swing+mysql+eclipse的【水电费管理系统】

    基于Java swing+mysql+eclipse的【水电费管理系统】本项目为前几天收费帮学妹做的一个项目,Javaswing项目,在工作环境中基本使用不到,但是很多学校把这个当做编程入门的项目来做,故分享出本项目供初学者参考。CSDN9.9赞助下载:https://download.csdn.net/download/weixin_44893902/20545860白嫖:加QQ68872185一、效果演示主要功能:普通用户:用户用水用电查询(根据时间查询、导出Excel)管理员用户:用户信息管理>>平台用户信息查询(修改信.

  • android打开相机拍照及打开相册选择照片「建议收藏」

    android打开相机拍照及打开相册选择照片「建议收藏」照相机拍照Intentintent=newIntent();intent.setAction(MediaStore.ACTION_IMAGE_CAPTURE);//照相机拍照//需要说明一下,以下操作使用照相机拍照,//拍照后的图片会存放在相册中的,这里使用的这种方式有一个好处就是获取的图片是拍照后的原图,//如果不实用Cont

  • cmd命令切换盘符_cmd更改盘符名

    cmd命令切换盘符_cmd更改盘符名cd/dD:\Test\切换到D盘Test文件夹下dir查看文件夹内容cd是用来进入目录,或退出目录的CD\是回到根目录CD..是回到上级目录cd子目录名,进入下级目录CD绝对路径,进入你的绝对路径的目录里如可以在C:\WINDOWS\SYSTEM32下输入cdd:\program\firefox\来进入d:\program\firefox目录里

发表回复

您的电子邮箱地址不会被公开。

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