1,新建一个html文件,命名为test.html,用于讲解一个DIV里面的文字如何上下左右居中显示。

3,在test.html文件内,设置div的id属性为mycss,主要用于下面通过该id来设置css样式。
1、首先我们准备好一个空的html结构的文档。
2、接下来我们要准备的是准备一个div用来放内容了,这里为了显示特意给div设置了边框。
3、接下来我们就在div中添加内容,运行后你会发现内容偏向于左上角。
4、下面我们给div设置水平居中,并且设置行高为div的高度,你会发现它水平垂直居中了。
1、新建一个html文件,命名为test.html,用于讲解html如何将一个div置于最上层。
6、在浏览器打开test.html文件,查看实现的效果。
可以通过css的margin-bottom属性或者是padding-bottom属性来进行设置,但marign-bottom和padding-bottom属性两者在作用对象上有区别。
margin-bottom作用的对象是在div这个本身的元素上面,表示距离div本身这个元素距离底部的距离。
padding-bottom作用的对象是在div的父元素上面,指的是内边距距离底部的距离,相对于div本身来说就是一个外边距。