关闭

关闭

封号提示

内容

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

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

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

上传者: 小叶 2012-02-24 评分 5 0 194 27 884 暂无简介 简介 举报

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

CSS网页布局入门教程:二列固定宽度居中在一列固定宽度之中我们使用margin:pxauto这样的设置使一个div得以达到居中显示而二列分栏中需要控制的是左分栏的左边与右分栏的右边相等因此使用margi:pxauto似乎不能够达到这样的效果这时就需要进行div的嵌套式设计来完成了可以使用一个居中的div作为容器将二列分栏的两个div放置在容器中从而实现二列的居中显示结合上面的代码新的XHTML代码结构如下:<!DOCTYPEhtmlPUBLIC"WCDTDXHTMLTransitionalEN""http:wwwworgTRxhtmlDTDxhtmltransitionaldtd"><htmlxmlns="http:wwwworgxhtml"><head><metahttpequiv="ContentType"content="texthtmlcharset=gb"><title>二列固定宽度居中AACN<title><styletype="textcss"><!#layout{width:pxmargintop:pxmarginright:automarginbottom:pxmarginleft:auto}#left{backgroundcolor:#EFFEborder:pxsolid#ACEfloat:leftheight:pxwidth:px}#right{backgroundcolor:#FFDDBborder:pxsolid#ACFDfloat:leftheight:pxwidth:px}><style><head><body><divid="layout"><divid="left">左列<div><divid="right">右列<div><div><body><html> #layout有了居中的属性自然里边的内容也能够做到居中这里的问题在于#layout的宽度定义将#layout的宽度设定为px因为在上一个教程中了解过一个对象真正的宽度是由它的各种属性相加而成而left的宽度为px但左右都有px的边距因此实际宽度是pxright对象同样如此为了让layout作为容器能够装下它们两个,宽度则变为了left和right的实际宽度和便设定为了px这样就实现了二列居中显示。二列宽度居中在实际网站上应用是非常广泛。本文档由A下载http:downadmincom收集整理版权归原作者所有。A下载提供海量源码软件素材教程文档下载。如果您恰好喜欢打篮球请登录wwwsibodingcom购买正品低价的斯伯丁篮球

类似资料

该用户的其他资料

CSS网页布局入门教程14:纵向下拉及多级弹出式菜单.doc

CSS网页布局入门教程13:下拉及多级弹出式菜单.doc

PDF转换成word的方法.doc

div+css浏览器兼容问题解决方法(PDF版).pdf

茅于轼《财富是如何创造的》.pdf

职业精品

精彩专题

上传我的资料

精选资料

热门资料排行换一换

  • 社会权力的来源·第2卷 (英)迈…

  • 【红宝书】考研英语10年真题——…

  • 加强布局之道_大竹英雄.pdf

  • 鬼手必胜法_藤泽秀行.pdf

  • 6S现场管理培训教材.ppt

  • 涨停板战法研究.pdf

  • 敦珠法王传记.pdf

  • 100幅意大利名画.pdf

  • Manning - Explor…

  • 资料评价:

    / 3
    所需积分:0 立即下载

    意见
    反馈

    返回
    顶部