如何使用javascript和django设置两列布局

How to set up a two column layout with javascript and django

本文关键字：两列 布局 设置 何使用 javascript django      更新时间：2023-09-26

我在django有一个博客，我想把帖子设置为两列页面。我尝试了CSS多列，但大多数导航器不接受允许不均匀填充列的column fill选项。

我正在寻找一种使用javascript（或jquery）的方法，知道吗？？？

这是css：

.double-column{
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;
  -moz-column-fill: auto; /* Firefox */
  column-fill: auto;
  max-height: 1133px;
}

您可以将columlizer库用于jquery。它非常易于使用，允许不同的列数、不同页面的设置、定位图像的选项等。

此处的示例

相关文章：