通过margin:0px auto来实现一列固定宽度居中

当前位置 : 首页 > 网页制作 > CSS > 通过margin:0px auto来实现一列固定宽度居中

通过margin:0px auto来实现一列固定宽度居中

来源: 作者: 时间:2015-11-04 11:06
一列固定宽度居中的效果在css布局中经常会使用到。主要是固定宽度之后配合外边距margin:0px auto来实现的,可谓是相当经典的一个应用,感兴趣的朋友不要错过
一列固定宽度居中的效果在css布局中经常会使用到。主要是固定宽度之后配合外边距margin:0px auto来实现的,可谓是相当经典的一个应用,感兴趣的朋友不要错过

复制代码
代码如下:

XHTML CODE:
<div id="layout">一列固定宽度居中</div>

CSS CODE:

复制代码
代码如下:

#layout{
background-color:#C7E091;
border:2px solid #B0BCA6;
width:400px;
height:300px;
margin:0px auto;/*外边距参数*/
}
Tag:
网友评论

<