小编Wol*_*ker的帖子

确定动态CSS3多列DIV宽度固定列宽的宽度

我有一个DIV装满动态文本的容器.文本的长度可以不同.所述DIV容器具有一固定的高度,但没有宽度.

文本格式为CSS3多列文本宽度固定columns-width.

结果是n宽度为的列column-width.现在我想知道无论有多少列有或如何计算出widthDIV.

CSS代码:

.columnize{
    float: left;
    position: relative;
    width: 840px;
    overflow: hidden;
}
.columnize div{
    -moz-column-width: 259px;
    -webkit-column-width: 259px;
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    height: 560px;
}
Run Code Online (Sandbox Code Playgroud)

HTML代码:

<div id="columnWrapper class="columnize">
    <div id="content">
    ... content goes here ...
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我试图用这样的JQuery获得宽度:

$('#content').width();
$('#content').innerWidth();
Run Code Online (Sandbox Code Playgroud)

除了Firefox之外,所有浏览器都返回而column-width不是REAL width.

任何想法如何获得列布局的宽度?

html javascript jquery css3 multiple-columns

9
推荐指数
2
解决办法
3591
查看次数

标签 统计

css3 ×1

html ×1

javascript ×1

jquery ×1

multiple-columns ×1