我怎样才能使我的HTML列的宽度可调

Question

我有一个使用三列的HTML应用程序，每列都是容器对象中的一个div。

---

     |        |    
 A   |   B    | C
     |        |     

---

我想让这三列每个都是可调的，文本会在其中回流和调整。

这对于帧来说很简单(参见:http://www.tizag.com/pics/htmlT/frameindex.html)，但我想在div中复制这种行为。

是否有一个jQuery插件来做到这一点?我能想到的最好的方法是在内容之间创建一个滑块div，类似于http://www.catchmyfame.com/2010/08/12/adjustable-columns-with-jquery/

的实现。

有没有更简单/更干净/更漂亮的方法?这似乎是一个非常标准的请求…

Answer 1

设置相同宽度的基本方法:

div {
    float: left;
    width: 33%;
    height: 300px;
    overflow: scroll;
    }

如果你想允许用户使用拖放方法来调整列的大小，那么你需要查看JS框架。下面是一个jQuery示例:

http://docs.jquery.com/UI/API/1.8/Resizable