新建一個html文件,定名為test.html,用于講解css若何節制一個div在另一個div中心。
在test.html文件內,利用css對div進行初始化,設置其表里邊距都為0,并讓div浮動標的目的左。
在test.html文件內,建立一個div,并設置其class屬性為xx,用于下面界說其css樣式。
在test.html文件內,利用css設置類名為xx的div樣式,設置其寬度、高度都為300px,布景顏色為紅色。
在test.html文件內,在上面div的內部,再建立一個div,并設置其類名為ss。
在test.html文件內,利用css設置類名為ss的div樣式,設置其高寬為100px,布景顏色為白色,上邊距為100px,左邊距為100px。
注:
上邊距=(外層div總的高度-內部div的高度)/2
左邊距=(外層div總的寬度-內部div的寬度)/2
在瀏覽器打開test.html文件,查看實現的結果,當作功實現一個div在另一個div中心結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!