jQuery - определить div как сетку

Question

Есть ли в любом случае, чтобы дать div опцию "grid" в jQuery? Я не хочу рисовать сетку на самом div.

Идея состоит в том, чтобы меньшие слои привязывались к большему div в виде сетки.

Answer 1

если вы просите построить сетку внутри div, то вы можете сделать это только с помощью CSS. Существует шаблон CSS с именем 960 , который размещает страницу с сеткой с шагом 12 или 16 пикселей и позаботится о выравнивании и интервале.

Это поможет вам достичь вашей цели функциональности «привязки», поскольку любой элемент, помещенный в столбцы, будет придерживаться правил контейнера div.

На сайте есть ссылка на генератор сетки, где вы можете играть с шириной системы сетки и просматривать результаты.

ВНИМАНИЕ: После того, как вы разместите свои страницы с помощью CSS Grid, вы рискуете отказаться от использования таблиц, так как CSS легче манипулировать, а с системой, подобной 960, вы получаете кросс-браузерную поддержку из коробки , Это может быть хорошо!

Answer 2

Если вы пытаетесь нарисовать сетку, вам понадобится столько делителей, сколько вам нужно, предоставляя им некоторую границу, все плавающие влево или вправо. Только тогда зафиксируйте содержимое внутри них.

Но если вы хотите размещать содержимое только в виде сетки, то вам нужно только установить фиксированную ширину и высоту для всех элементов div, переместить их влево и все готово.