Как я могу сделать мои столбцы HTML регулируемой ширины? - PullRequest
Новая
       2

Как я могу сделать мои столбцы HTML регулируемой ширины?

0 голосов
/ 09 августа 2011

У меня есть приложение 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/

Есть ли какой-нибудь более простой / чистый / более красивый способ?Похоже, это должен быть довольно стандартный запрос ...

1 Ответ

1 голос
/ 09 августа 2011

Элементарный способ настроить их на одинаковую ширину: 

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

Если вы хотите, чтобы пользователь мог изменять размер столбцов с помощью метода drag-n-drop, вам нужно посмотретьв рамках JS.Вот пример jQuery:

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

...