Sideway HTML中的内容溢出

我有以下情况，有一个div，我正在向它动态添加内容。到目前为止，如果添加的内容太多，它会在div外溢出或延长div。这两种情况对我来说都是不受欢迎的。Sideway HTML中的内容溢出

enter image description here

我想要做的就是溢出一侧的内容，在一个单独的列。我为此使用了自举流体柱，但即使是不依赖靴子的解决方案也会对我有好处。

我最后的选择是封装代码在一堆if和else并据此提出两列中的内容，但我认为有可能是一个更简单的解决这个问题。

感谢

这里是的jsfiddle的要求http://jsfiddle.net/eak4e/1/

some compulsory code

来源

2014-02-28 Tomarinator

可以提供一个小提琴吗？ –

我已经更新了我的问题，提示@CodingAnt – Tomarinator

@Tomarinator，所以你会有固定的高度，实际上？ – sinisake

一个解决方案（IE10 +）是CSS列。这里是一个小提琴http://jsfiddle.net/wkr7X/

div.text-columns-three 
{ 
/*Shamless copy of: http://compass-style.org/examples/compass/css3/columns/*/ 
    -webkit-column-count: 3; 
    -moz-column-count: 3; 
    -ms-column-count: 3; 
    -o-column-count: 3; 
    column-count: 3; 
    width: 300px; 
    margin-bottom: 20px; 

    height: 300px; 
}

有喜欢column-break-inside

更新一些有趣的特性：这里是一个简短的试验不同的显示类型：http://jsfiddle.net/wkr7X/1/似乎有块元素的工作，只要内容不是一个区块，而是分成几个实体

来源

2014-02-28 09:49:07

Sideway HTML中的内容溢出

回答

相关问题