怎么使一個小的div在大的div里居中

新建一個html文件，定名為test.html，用于講解怎么使一個小的div在大的div里居中。

在test.html文件內，建立style標簽，即css標簽，用于在里面編寫css樣式。

在css中，對body進行樣式初始化，內容居中，同時設置表里邊距都為0。

在test.html文件內，建立一個class為middle的div，利用css中的margin:0 auto設置div居中，width寬度、height高度都為400px ，內邊距padding為50px，布景顏色為紅色。

在test.html文件內，建立一個class為mdiv的嵌套div，利用css設置其寬、高都為80%，內邊距padding為10%，布景顏色為灰色。

在test.html文件內，再建立一個class為mmdiv的嵌套div，利用css設置其寬、高都為80%，內邊距padding為10%，布景顏色為黃色。

在瀏覽器打開test.html文件，查看實現的結果。

0 條評論