如何控制div的显示方式而不管其内容如何？

Question

我有一个显示来自数据库的html的div。不幸的是，数据库中的html可能会搞砸整个页面的布局。

iframe是我唯一的完全证明选项，用于确保外部容器出现在正确的位置并且不会影响页面上的其他项目吗？或者是否有任何策略可以确保外部div总是以适当的大小出现在适当的位置而不管其内容如何？

Answer 1

您可以为行为不当的div添加以下样式：

div{
  max-width: 500px; // adjust to your liking
  overflow: hidden; // prevents strings from seeping out the div
}

你可以用max-height做同样的事情，但在大多数情况下这不太必要。

Answer 2

如果你担心文本搞砸整个页面，你可以css属性

   <style>
    #text-scroll
    {
      text-overflow: scroll;
    }
   </style>

<div id="text-scroll">
//some content from database
</div>