css水平垂直居中

flex

.parent {
	display: flex;
	justify-conent: center;
	align-items: center;
}

或者直接

.parent {
	display: flex;
}
.child {
	margin: auto;
}

table

.parent {
	display: table;
	text-align: center;
}
.child {
	display: table-cell;
	vertical-align: middle;
}

 

posted @   行走的蒲公英  阅读(3)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示