1. 程式人生 > >頁面佈局 子元素不確定高度居中

頁面佈局 子元素不確定高度居中

頁面佈局中,有時浮動後文字需要與圖片對齊,但是不確定 高度,可使用這個方法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style>
	.parent {
		width: 300px;
		height: 300px;
        margin: auto auto;
        position: relative;
        background-color: pink;
	}
	.child {
		width: 200px;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		background-color: blue;
	}
</style>
<body>
	<div class="parent">
		<div class="child">
			3. 虛擬儲存系統的頁面置換方法有?
                ①隨機演算法(RAND)
                ②先進先出演算法(FIFO)
                ③近期最少使用演算法(LRU)
                ④最久沒有使用演算法(LFU)
                ⑤最優替換演算法(OPT)

		</div>
	</div>
</body>
</html>