收藏 分享(赏)

CSS网页布局入门教程3:一列固定宽度居中.doc

上传人:jinchen 文档编号:7225438 上传时间:2019-05-10 格式:DOC 页数:3 大小:100KB
下载 相关 举报
CSS网页布局入门教程3:一列固定宽度居中.doc_第1页
第1页 / 共3页
CSS网页布局入门教程3:一列固定宽度居中.doc_第2页
第2页 / 共3页
CSS网页布局入门教程3:一列固定宽度居中.doc_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

1、CSS 网页布局入门教程 3:一列固定宽度居中页面整体居中是网页设计中最普遍应用的形式,在传统表格布局中,我们使用表格的 align=“center“属性来实现。div 本身也支持 align=“center“属性,也可以让 div 呈现居中状态,但 css 布局 是为了实现表现和内容的分离,而 align 对齐属性是一种样式代码,书写在 XHTML 的 div 属性之中,有违背分享原则(分离可以使你的网站更加利于管理),因此应当用 css 实现内容的居中,我们以固定宽度一列布局代码为例,为其增加居中的 css 样式:#layout border: 2px solid #A9C9E2;back

2、ground-color: #E8F5FE;height: 200px;width: 300px;margin:0px auto;margin 属性用于控制对象的上、右、下、左四个方向的外边距,当 margin 使用两个参数时,第一个参数表示上下边距,第二个参数表示左右边距。除了直接使用数值之外,margin 还支持一个值叫 auto,auto 值是让浏览器自动判断边距,在这里,我们给当前 div的左右边距设置为 auto,浏览器就会将 div 的左右边距设为相当,并呈现为居中状态,从而实现了局中效果。注:此方法居中对于 IE6 以下浏览器不支持。一列固定宽度居中 WWW.AA25.CN一列固定宽度居中(AA25.CN)操作步骤和一列固定宽度相同,只是在 CSS 边框设置项将边界的上、右、下、左分别设置为 0、auto、0 、auto 即可。本文档由 A5 下载 http:/ 收集整理,版权归原作者所有。A5 下载提供海量源码,软件,素材,教程文档下载。如果您恰好喜欢打篮球,请登录 购买正品低价的斯伯丁篮球

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 企业管理 > 管理学资料

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报