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

ttx9n · 发表于 2013-10-12 11:21:08

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

雪龙Ui79 · 发表于 2022-9-3 07:27:35

啦啦啦啦啦啦啦啦！

回复用户1 · 发表于 2023-4-1 00:02:09

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

5cf304mn2 · 发表于 2023-9-9 21:50:57

刷屏刷屏刷屏

qq303604905 · 发表于 2024-3-2 07:17:17

sdsadsadsadf

95nd4ba · 发表于 2024-4-3 00:56:16

哟哟哟哟哟以偶

e5plu · 发表于 2024-4-9 04:15:05

看到这帖子真是高兴！

i1efp6c · 发表于 2024-4-12 13:18:27

还有什么好东西没

4r8oiin60 · 发表于 2024-5-25 16:44:43

还可以不错

360784533 · 发表于 2024-6-28 13:56:07

天天源码社区www.tiantianym.com

账号		自动登录	找回密码
密码			立即注册

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

相关帖子