新建一个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 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!