Bootstrap 引导式专栏写作(像报纸一样)[duplicate]

pw136qt2  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(156)

此问题在此处已有答案

How to make text over flow into two columns automatically(7个答案)
八年前就关门了。
我正在使用django和bootstrap,我想知道是否有一种方法可以像报纸一样在列中编写。显然在bootstrap中创建列是很容易的,但我想知道如何将文本很好地划分到列中,这样就不会有一个更长的列。另外,我会在其中一个列的顶部包含一个“writers”部分,这样我就需要考虑到这一点。
我想只是除以列的数量列的话,但后来我认为,将有一个运行列,主要是因为作家部分。

brtdzjyr

brtdzjyr1#

对于支持它的浏览器,可以使用columns css3属性:
第一个

Demo in Fiddle(第一个字母)

如果您需要支持较旧的浏览器,可以在此处使用polyfill:
https://github.com/BetleyWhitehorne/CSS3MultiColumn
在样式表之后包含脚本,如果需要,它将进行转换:

<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<script type="text/javascript" src="css3-multi-column.js"></script>

或者,您也可以使用Columnizer在Javascript中执行此操作,如下所示:

$('.twoColumns').columnize({ columns: 2 });

相关问题