Javascript 限制div的宽度

我不太擅长css，所以这可能是一个愚蠢的问题，但

我有一个表单，上面有一些javascript，当用户输入其中一个表单输入时，文本类型出现在同一页面的div中

每分钟的div是宽度：960px。因此，当我在表单输入中键入文本，文本出现在div中时，当它达到960px时，会出现一个新行，并破坏我的布局

编辑：我希望div的最大值为960 px 30 px，并且我希望文本能够适应该值，但不会使其变大，不会溢出到新行，也不会出现滚动条。如果文本还在，只是看不见，那就行了。就好像它在潜水舱外继续，但就是看不见。那就行了

我曾尝试在div上设置max height和max width，但没有成功（可能是因为javascript在读取css后对其进行操作？）

我还设置了表单输入的最大长度，但因为这是字符，有些字符更长/大写等。。。这意味着有些句子看起来很短，有些很长，比如IIIIII和WWWW（每个10个字符）

有没有办法解决这个问题

编辑： 下面是一些代码-表单输入的html

<div class="input text required">
    <label for="CampaignTitle">Title</label>
    <input name="data[Campaign][title]" type="text" maxLength="76px" id="CampaignTitle" />
</div>

JS：

$('#CampaignTitle').keyup(function() {
    $('#titleBar').text(this.value);
}); 

---

如果我没弄错的话，你的div会随着文本的增长而增长吗？因此，您可以使用：

overflow: auto;

然后您的div将保持相同的大小，滚动条将简单地出现。此外，您还可以使用以下内容：

word-wrap: break-word;

最后，您可以使用javascript插入

<BR>

当文本达到一定长度时，我想：

overflow:hidden;

---

能帮你吗？我不明白。你也要限制高度吗？如果是的话，你将如何适应文本？你有任何代码示例吗？最大宽度和最大高度应该有效，除非包装或溢出有问题。是的，对不起。我也想限制高度。div是一个标题栏。我只希望它能够适应一个div 960x30px的问题是，我希望它的div是一个最大的960px x 30px，我希望文本能够适应，但不能使它更大，不能溢出到一个新的行，也不能使滚动条出现。如果文本还在，只是看不见，那就行了。就好像它在潜水舱外继续，但就是看不见。如果下次在问题中这样说的话，那就更难理解了。：）我想我欠你一杯酒：）谢谢你，朋友

<BR>

overflow:hidden;