自适应css布局——流动布局新时代[译]（6）
作者：dishuipiaoxiang 来源：蓝色理想 发布时间：2009-08-13 12:28:00
标签：自适应,布局,css
五、jQuery & CSS 智能栏
上面的修复方法解决了高度变换的div的问题。但对于想使用相等高度的布局来说，这未必是一个好的办法，Soh Tanaka 在他的 SohTanaka.com 网站上提供了一个jQuery脚本和一个智能的css使流动布局的栏能很漂亮的折叠和扩展，查看演示页Smart Columns w/ CSS & jQuery
jQuery & css智能栏是什么？
智能栏是一个脚本，为了得到更好的视觉效果，它改变divs的宽度，并决定在浏览器当前页面尺寸下会呈现多少栏？对于用户调整浏览器也很完美，而不是进入网页时仅仅照顾浏览器的尺寸。
脚本去掉每栏多余的空白－－这可能是有浏览器的不同宽度导致的，然后用jQuery使栏均匀分布。
如何使用智能栏
在Soh Tanakas博客的 Smart Columns w/ CSS & jQuery
回帖中含有所有代码，它可以用列表设置，每个li作一个块。
<ul class="column">
<li>
<div class="block">
Block 1
</div>
</li>
<li>
<div class="block">
Block 2
</div>
</li>
<li>
<div class="block">
Block 3
</div>
</li>
</ul>
然后将css和jQuery代码插入到页面之中，这样智能栏就能实现。自定义代码很简单，只需简单的在css中编辑width、height、margin即可。
0
投稿猜你喜欢
- js关于 byval 与 byref 二者区别： byval 传递数值，实参和形参分处不同的内存单元，互不干扰！ byref 传递地址，实参
一个单步的动作，用了这个脚本，就可以重复执行100遍1000遍。上面就是一个路径描边100遍的效果，吼吼~ 不知道大家明白用处没有？（以前老- 一、图像缩略图的编辑图像的缩略图是指把图像按原比例缩小,可作为原图的预览，这在网络速度比较慢时可快速地显示图片的概图。当你的网页上有大型图片
- 当元素设置浮动(float)后会被移出文档流，相信大家都会经常遇到这样的问题。这问题的解决办法有N种之多，因为每种浏览器对CSS的解析各异，
- 我很久前在YAHOO上扣的代码，兼容性很好，在Windows下的主流浏览器中可以正常运行。大家先不要急着下载代码，你随时都可以下，我们来分
- 作者的BLOG：http://www.planabc.net/地图弹窗（map pop）具体演示运行代码框<!DOCTYPE html
- 下拉框连动JavaScript代码，市区二级联动多级联动下拉选择框，动态获取下一级琥珀无限级联动菜单-JavaScript版 <htm
- 写在前面的话关于《交互设计实用指南》，我们最近收到很多朋友的反馈，有支持的也有批评的，在此一并感谢了，有你们的关注，我们才能走得更远。《交互
- 代码如下:<％@LANGUAGE="VBSCRIPT" CODEPAGE="65001&quo
- 如何提高ASP的效率？通过修改注册表来提高asp的执行效率 改的第一个地方：HKEY_LOCAL_MAC
- 之前就见过很多网站在侧边栏上使用<dl />标签对来完成侧边栏栏目的布局，最近在研究DEDECMS的默认模板时，也发现该模板在大
- 使用SQL Server事件探查器工具，你可用一个捕获到的跟踪来收集有关服务器的重要信息。与索引优化向导(Index Tuning Wiza
- b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的
- 以下插件是我在项目中经常使用的jQuery插件，不见得是最好的，但是我目前接触到的jQuery插件中最适合我的。01. jQuery.Fle
- 下面代码写的是js验证检查输入的字符是否是全角的函数：效果演示：<script> function i
- 1.弹启一个全屏窗口 ＜html＞ ＜body onload="win
- 修复Access数据库，我们一般使用微软Office 97中带的Access 97对数据库进行修复和整理。Access数据库被损坏分以下几种
- 在Windows环境下，经常遇到系统Over的情况，如果你在新装了系统和SQL Server 2005后，需要把SQL Server2000
- 注:所有文字,除注明网站类型外,其他均针对企业站点.请随时注意留言,若修改则会在首页提示文字里标注.若牵扯到业务方面的问题,我可能不会做过多
- 不知上过ChinaRen校友录的朋友们有没有注意，ChinaRen在改版后很多方面都进行了较大的改动。例如留言与回复方面已经不再像以前那样，
