阳升PHP工作室

  1. 当前位置: 主页 > 技术文章 > 前端技术 >

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

时间:2018-05-24 16:23来源: 作者: 点击:


本文摘要

一列固定宽度居中的效果在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;/*外边距参数*/
}

更多相关内容

一列(4)固定宽度(10)居中(86)