DIV教程之23.怎样让三列横向分列

只看该作者 · 发表于 2015-1-16 10:37:29

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

使用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:30

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓。

只看该作者 · 发表于 2015-1-22 14:46:43

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

只看该作者 · 发表于 2015-1-31 08:10:27

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

只看该作者 · 发表于 2015-2-6 18:53:46

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

只看该作者 · 发表于 2015-2-18 08:25:49

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-3-6 02:58:56

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

只看该作者 · 发表于 2015-3-12 20:14:43

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

只看该作者 · 发表于 2015-3-20 02:57:42

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] DIV教程之23.怎样让三列横向分列

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子