RSS提要內容溢出div

Question

我試圖格式化來自博客網站的RSS提要以顯示在我自己的個人網站上。當我嘗試顯示條目的內容時，它會溢出頁面。

下面是我的控制器代碼：

   var container = document.getElementById("newsFeed"); 
       $rootScope.newsEntries = result.feed.entries; 
       for (var i = 0; i < result.feed.entries.length; i++) { 
        var entry = result.feed.entries[i]; 
        var div = document.createElement("div"); 
        var title = document.createElement("h3"); 
        title.appendChild(document.createTextNode(entry.title)); 
        var content = document.createElement("div"); 
        content.innerHTML = entry.content; 
        content.style.width = "100%"; 
        content.style.height = "auto"; 
        div.appendChild(title); 
        div.appendChild(content); 
        div.appendChild(document.createElement("br")); 
        container.appendChild(div); 

這樣做的HTML只中有一個div，「新聞推送」

我需要手動解析內容還是可以正常格式化與CSS？我試着調整div寬度，將顯示設置爲「阻止」並設置溢出情況，但似乎甚至沒有改變文本顯示方式。

Answer 1

D'oh忘記了自動換行。做word-wrap: break-word;修復它。謝謝大衛！