我有div
,它使用css
的多列功能。 div
的内容是具有任意长度的文本。
我对div
使用以下样式表:
*-column-count: auto;
*-column-gap: 40px;
*-column-width: 250px;
/* (* is -webkit,-moz,...) */
如何设置此div
将所有列的width
放在一起。
例如,如果我得到一个简短的文本,则只使用一列。然后width
应为250px
如果文本较长,则使用两列。然后width
应为540px
(2列和差距)
这是JFiddle:http://jsfiddle.net/arnzel/rcegmozy/