CSS网页布局入门教程7:二列固定宽度居中 2006年11月30日 在一列固定宽度之中,我们使用margi:0px auto;这样的设置,使一个div得以达到居中显示,而二列分栏中,需要控制的是左分栏的左边与右分栏的右边相等,因此使用margi:0px auto;似乎不能够达到宁产的效果,这时就需要进行div的嵌套式设计来完成了,可以使用一个居中的div作为容器,钭二列分栏的两个div旋转在容器中,从而实现二列的显示,结合上面的代码,新的XHTML代码结构如下: 二列固定宽度居中——AA25.CN 左列 右列 #layout有了居中的属,自然里边的内容也能够做到居中,这里的问题在于#layout的宽度定义,将#layout的宽度设定为404px,因为在上一个教程中了解过,一个对象真正的宽度是由它的各种属性相加而成,而left的宽度为200px,但左右都有1px的边距,因此实际宽度是202px,right对象同样如此,为了让layout作为容器能够装下它们两个,宽度则变为了left和right的实际宽度和,便设定为了404px,这样,就实现了二列居中显示。 二列宽度居中在实际网站上应用是非常广泛。 相关链接 无相关信息 编程pythonJavaPHPASPASP.NETvbsPerlDOS/BATHTARubyAutoitPowerShellLinux shellLuaGolangHTCVBAAJAXCSS/HTMLFlexXML/RSS正则表达式ColdFusionSeraphzoneErlangJsp相关设计PhotoshopPS相片处理PS抠图PS文字特效PS入门PS调色PS标志PS按钮制作FireworksCorelDrawIllustratorPainterIndesignFreehand平面相关FlashFlash基础ActionScriptFlash技巧Flash实例3Dmax教程3Dmax基础3Dmax渲染3Dmax建模3Dmax实例3Dmax贴图AutoCADMaya开发语言架构AppleAndroid前端开源工具CMSphpwindecmsdedecmsWordPressPHPCMSdiscuzUCenter HomeDrupalECShop网页FrontpageHTML5XMLDreamweaver技巧WEB标准CSS教程html教程服务器LinuxwindowsFTPTomcatNginxDockerVMwareHyper-VOpenStackXenServerVirtualBoxKVM运维数据库MysqlMsSqlMariadbOracleSQLitePostgreSQLMongoDBAccessRedisDB2网络路由器交换机组网技术布线网络协议网络其他相关硬件CPU主板内存显卡显示器鼠标键盘机箱电源散热器电脑组装智能电视盒子存储打印机综合软件U盘教程影音播放图形图像开发编程媒体工具磁盘光盘文件管理苹果教程安全相关网络通讯系统工具officeWordExcelPowerPointAccessOutlookWPSOffice相关电脑电脑知识故障问题系统RedHat/CentosUbuntu/DebianFedoraSolarisWindowsLinuxMAC(苹果)Bios系统安装注册表Unix/BSD系统进程系统相关华为鸿蒙系统麒麟系统红旗操作系统安全网站安全系统安全网络安全企业安全数据安全安全工具平板笔记本手机安卓苹果手机软件