CSS佈局練習(一)——讓div和p居中顯示
阿新 • • 發佈：2019-01-06
CSS佈局練習(一)
練習要求：讓div水平垂直居中，同時子級元素p居中顯示。
最終，頁面顯示效果如下圖：
HTML檔案如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title 實現：
方法一：div使用absolute，p使用relative
div中插入如下程式碼，注意line-height與height相對應
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height 同時，p設定為：
position: relative;
margin: auto;