CSS竖向排列的布局代码，自动换行效果，好比电脑桌面的图标一样，自动竖着排列，排满一列后重新进行下一列排序。方法有很多，有人用JS,有人用CSS，不管什么样的方法，简单、兼容就是好代码，本代码仅供参考。 示例： <!DOCTYPE html><br /> <html><br /> <head><br /> <style><br /> #mainBox{<br /> border:1px #f00 solid;<br /> width:300px;<br /> height:230px;<br /> writing-mode: tb-lr;<br /> -webkit-column-count:6;<br /> -moz-column-count:6;<br /> -webkit-column-gap:10px;<br /> -moz-column-gap:10px;<br /> }<br /> #mainBox a{<br /> margin:5px;<br /> padding:0px;<br /> display:inline-block;<br /> width:30px;<br /> height:30px;<br /> border:1px #00f solid;<br /> writing-mode: lr-tb;<br /> }<br /> </style><br /> </head><br /> <body><br /> <div id="mainBox"><br /> <a href="#">烈</a><br /> <a href="#">火</a><br /> <a href="#">网</a><br /> <a href="#">提</a><br /> <a href="#">供</a><br /> <a href="#">的</a><br /> <a href="#">网</a><br /> <a href="#">页</a><br /> <a href="#">特</a><br /> <a href="#">效</a><br /> </div><br /> </body><br /> </html> <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>提示：可修改后代码再运行! 文章导航 多级人物关系图代码，基于jQuery渐显效果JS弹出层插件代码，自定义大小，双击关闭
