2015-09-23 59 views
0

我试图格式化来自博客网站的RSS提要以显示在我自己的个人网站上。当我尝试显示条目的内容时,它会溢出页面。RSS提要内容溢出div

下面是我的控制器代码:

   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宽度,将显示设置为“阻止”并设置溢出情况,但似乎甚至没有改变文本显示方式。

+1

你能分享一个链接吗? –

+0

试试这个: http://plnkr.co/edit/857EFK6H5CG7Lplz2DSv?p=preview – GetOffMyLawn

+0

添加一些类和css规则 – charlietfl

回答

0

D'oh忘记了自动换行。做word-wrap: break-word;修复它。谢谢大卫!

+2

不客气! –