我有一個頁面顯示從用戶輸入中檢索到的不同單詞。經常提交的單詞越多，其字體大小越大。CSS：我怎麼能有一個「分散顯示的單詞」，而不是HTML默認顯示向上/向下？
什麼我已經是這樣的（想象不同的字體大小）：
love
war
food
sport
...
每個字都是在div這裏內p標籤是我的代碼：
<div class="posts_index">
{{#each posts}}
<p>{{word}}</p>
{{/each}}
</div>
我怎樣才能讓文字隨機顯示，分散在整個頁面上，而不僅僅是按照從上到下的HTML順序？
我想是有這樣的事情：
love
war
food
sport
...
你需要隨意postitions絕對定位的項目：
$(function() {
$(".posts_index p").each(function (i, elt) {
$(elt).css({
left: Math.random() * 150,
top: Math.random() * 150
});
});
});.posts_index {
height: 180px;
}
.posts_index p {
position: absolute;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="posts_index">
<p>love</p>
<p>war</p>
<p>food</p>
<p>sport</p>
</div>美麗！非常感謝 ！ – Antoine
您需要設置一個JS的每個單詞/元素的具體位置......所以你試過了什麼？目前你所做的所有事情都是要求的，我認爲你正在使用某種形式的詞雲。嘗試使用Google搜索。 –
絕對地把這些單詞放在隨機（ish）'left'和'top'中。 – George
可能的重複 - http://stackoverflow.com/questions/342687/algorithm-to-implement-a-word-cloud-like-wordle –