#layout有了居中的属,自然里边的内容也能够做到居中,这里的问题在于#layout的宽度定义,将#layout的宽度设定为404px,因为在上一个教程中了解过,一个对象真正的宽度是由它的各种属性相加而成,而left的宽度为200px,但左右都有1px的边距,因此实际宽度是202px,right对象同样如此,为了让layout作为容器能够装下它们两个,宽度则变为了left和right的实际宽度和,便设定为了404px,这样,就实现了二列居中显示。
二列宽度居中在实际网站上应用是非常广泛。
相关文章
- css规则定义的分类,CSS规则定义英汉对照表[通俗易懂]
- CSS媒体查询_css网页
- HTML+CSS美食静态网页设计
- html背景图片的设置宽高_网页的背景图片怎么设置
- 使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
- CSS将整站网页变成黑白色调,致敬英雄!(2020年4月4日全国哀悼日)
- CSS 网页动画
- java获取网页源码详解编程语言
- 网页端PowerPoint新增Auto Fix功能:可快速调整幻灯片元素
- Linux下的网页制作技术(linux网页制作)
- Microsoft Edge新功能:能更轻松地将网页保存为PDF文件
- 快速保存网页中所有图片的方法
- DIV+CSS网页TIP的简单作法
- CSS网页布局入门教程5:二列宽度自适应
- 网页布局+纯CSS纵向下拉菜单IE6/IE7兼容
- DIV+CSS网页另类上下布局的实例代码
- php压缩多个CSS为一个css的代码并缓存
- JSCodeallofBrower全局屏蔽网页右键功能具体实现
- android封装抓取网页信息的实例代码
- 利用JS延迟加载百度分享代码,提高网页速度
- 网页前端优化之滚动延时加载图片示例
- 屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法