仓酷云

标题: DIV教程之23.怎样让三列横向分列 [打印本页]

作者: 海妖 时间: 2015-1-16 10:37
标题: DIV教程之23.怎样让三列横向分列
使用Div+css所费功夫与收入不成正比，利用table可以大大减少工作量。而上市公司的期望目标不同对Div+css的认同和投入要大一些。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh"><headprofile="http://www.w3.org/2000/08/w3c-synd/#"><metahttp-equiv="content-language"content="zh-cn"/><metahttp-equiv="content-type"content="text/html;charset=gb2312"/><title>blueidea</title><styletype="text/css">/*<![CDATA[*/div{float:left;margin:1px;width:200px;height:200px;background:orange}/*]]>*/</style></head><body><div></div><div></div><div></div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh"><headprofile="http://www.w3.org/2000/08/w3c-synd/#"><metahttp-equiv="content-language"content="zh-cn"/><metahttp-equiv="content-type"content="text/html;charset=gb2312"/><title>blueidea</title><styletype="text/css">/*<![CDATA[*/div{position:absolute;top:50%;left:50%;margin:-100px00-300px;}/*]]>*/</style></head><body><divstyle="background:#404040;width:200px;height:200px;">1</div><divstyle="background:#FD7C03;width:200px;height:200px;margin:-100px00-100px;">2</div><divstyle="background:#eee;width:200px;height:200px;margin:-100px00100px;">3</div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh"><headprofile="http://www.w3.org/2000/08/w3c-synd/#"><metahttp-equiv="content-language"content="zh-cn"/><metahttp-equiv="content-type"content="text/html;charset=gb2312"/><title>blueidea</title><styletype="text/css">/*<![CDATA[*/span{margin:1px;display:-moz-inline-box;display:inline-block;width:300px;height:200px;background:orange;}/*]]>*/</style></head><body><span></span><span></span><span></span></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器下会有区别，具体有一个会产生间隙。

作者: 分手快乐 时间: 2015-1-18 07:30
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓。

作者: 不帅 时间: 2015-1-22 14:46
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 飘灵儿 时间: 2015-1-31 08:10
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

作者: 若天明 时间: 2015-2-6 18:53
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 金色的骷髅 时间: 2015-2-18 08:25
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 小妖女 时间: 2015-3-6 02:58
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 精灵巫婆 时间: 2015-3-12 20:14
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 小女巫 时间: 2015-3-20 02:57
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

欢迎光临仓酷云 (http://ckuyun.com/)