div垂直居中

時間 2019-11-12

標籤 div 垂直居中欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title></title>
	<style>
		.container{display: flex;align-items: center}
		#a{height: 500px;width: 500px;background-color: royalblue;}
		#b{height: 250px;width: 250px;background-color: darkblue;}
	</style>
</head>

<body>
	<div class="container">
		<div id="a"></div>
		<div id="b"></div>
	</div>
</body>
</html>

如上所示三個div 內部兩個div大小不同給外部div加上display: flex;align-items: center樣式就可使得較小的div垂直居中html

相關文章

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<