您现在的位置:首页 >> 前端 >> 内容

div+css布局

时间:2017/1/25 10:24:07 点击:

  核心提示:1:float属性用于实现多列功能2:我们知道p标签默认一行只能显示一个,而float可以实现一行多个p的功能3:float最直接的解释就是实现表格布局的多列功能4:margin用于设置两个元素之间的...

1:float属性

用于实现多列功能

2:我们知道<p>标签默认一行只能显示一个,而float可以实现一行多个p的功能

3:float最直接的解释就是实现表格布局的多列功能

4:margin

用于设置两个元素之间的距离

5:padding

用于一个元素边框与其内容的距离

6:clear

清除浮动

在使用float属性设置一行多个p后,最好在{下一行之前}使用clear清除浮动,否则上面的布局会影响到下面

7:如何让一个p居中呢?

css实现水平和垂直居中,就要让p水平和垂直居中,必须获得该p的宽度和高度

代码如下:

#content {
	width: 400px;
	height: 200px;
	left: 50%;
	top: 50%;
	border: #F00 3px dashed;
	position: absolute;
	margin-left: -200px;
	margin-top: -100px;
}
/* 这里使用了绝对定位,margin-left是宽度的一半,并且为负,margin-top也是 */

Tags:DI IV VC CS 
作者:网络 来源:萌萌程序员的博客