如何使我的HTML列可调宽度？

Question

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

---

     |        |    
 A   |   B    | C
     |        |     

---

我想使三个列各自可调，文本将在它们内部进行回流和调整。

这对于Frames很简单（参见：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;
    }

如果您想允许用户使用drag-n-drop方法调整列的大小，那么您将需要查看JS框架。这是一个jQuery示例：

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