我怎样才能强制文字或 div 只有这么宽答案

【问题标题】：How can I force a literal or div to only be so wide我怎样才能强制文字或 div 只有这么宽
【发布时间】：2009-09-03 15:03:04
【问题描述】：

我让用户在一个设置为 runat-"server" 的文本区域中输入信息，该区域为 1 页宽 600 像素。当他们单击按钮时，内容应该显示在第二页上。我尝试将它们显示为文字和 div。但是在这两种情况下，即使我将控件放在表格中并将表格和列的宽度设置为 600px，如果我在第一页的 textarea 中放置 1000 个字符，那么在第 2 页的显示控件比我想将其限制为 600 像素。我怎样才能强制控制只有这么宽。 PS>。它必须是文字或 div，因为我试图在其中呈现 HTML。

【问题讨论】：

在doctype.com你可能会有更好的运气
不，乔恩，如果提问者的职位中有设计师，您只能推荐 doctype。

标签： literals

【解决方案1】：

也许在您的输出页面上尝试这种风格。我设置了overflow:hidden，这样如果你输入一个没有空格的很长的单词，它会隐藏无法换行的多余文本，而不是扩展框的宽度。

CSS：

.output
{
  width:600px;
  overflow:hidden;
  word-wrap:break-word;
}

HTML：

<div class="output">
   Hello World
</div>

【讨论】：