你好,欢迎访问远方教程PC版!
广告位招租

Div+CSS速成第三天:二列和三列布局(第7页)

[日期:2015-03-16]   来源:远方教程  作者:远方教程   阅读:15876次[字体: ] 访问[旧版]
 捐赠远方教程 

七、三列固定宽度
三列固定宽度可以在三列自适应基础上添加一个父div,并设置这个div的宽度即可,如下,添加一个id为content的父容器。
在源代码里选中这三个div,然后点击工具栏上的“插入div标签”按钮,这时弹出的窗口插入项会默认为:在选定的内容旁换行,输入id为content,然后给这个div定义个宽度

DIV CSS教程——第3天二列和三列布局
DIV CSS教程——第3天二列和三列布局
DIV CSS教程——第3天二列和三列布局

三列固定宽度出来了,要想实现三列固定宽度居中就更方便了,只需设置#content {margin:0 auto;}即可

DIV CSS教程——第3天二列和三列布局
DIV CSS教程——第3天二列和三列布局
DIV CSS教程——第3天二列和三列布局

提示:可以先修改部分代码后再运行

图片展示
 
相关评论
站长推荐