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，"newsFeed"

我需要手动解析内容还是可以使用 CSS 正确格式化？我试过调整 div 宽度，将显示设置为 "block" 并设置溢出大小写，但似乎没有任何改变文本的显示方式。

Answer 1

噢，忘了自动换行了。做 word-wrap: break-word; 修复了它。谢谢大卫！

RSS 提要内容溢出 div

RSS feed content overflowing div

html

javascript

css

rss

rss-reader