首页 > > > CSS网页布局入门教程7:二列固定宽度居中.doc

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

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

上传者: 小叶 2012-02-24 评分1 评论0 下载29 收藏10 阅读量884 暂无简介 简介 举报

简介:本文档为《CSS网页布局入门教程7:二列固定宽度居中doc》,可适用于专题技术领域,主题内容包含CSS网页布局入门教程:二列固定宽度居中在一列固定宽度之中我们使用margin:pxauto这样的设置使一个div得以达到居中显示而二列分栏中需要控符等。

CSS 网页布局入门教程 7 :二列固定宽度居中 在一列固定宽度之中,我们使用 margin:0pxauto; 这样的设置,使一个 div 得以达到 居中显示,而二列分栏中,需要控制的是左分栏的左边与右分栏的右边相等,因此使用 ma rgi:0pxauto; 似乎不能够达到这样的效果,这时就需要进行 div 的嵌套式设计来完成了, 可以使用一个居中的 div 作为容器,将二列分栏的两个 div 放置在容器中,从而实现二列的 居中显示,结合上面的代码,新的 XHTML 代码结构如下: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> <title> 二列固定宽度居中 ——AA25.CN</title> <styletype="text/css"> <!-- #layout{ width:404px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; } #left{ background-color:#E8F5FE; border:1pxsolid#A9C9E2; float:left; height:300px; width:200px;

第1页

该用户的其他资料

  • 名称/格式
  • 评分
  • 下载次数
  • 资料大小
  • 上传时间

用户评论

0/200
    暂无评论
上传我的资料

相关资料

资料评价:

/ 3
所需积分:0 立即下载
返回
顶部
举报
资料
关闭

温馨提示

感谢您对爱问共享资料的支持,精彩活动将尽快为您呈现,敬请期待!