追加后的Jquery CSS宽度

Question

在Jquery中使用append后，我的div宽度有问题。

HTML：

<div id="myid"></div>

JQUERY：

var uhm = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
$("#myid").append(uhm);    

CSS：

#myid {
   width:200px;
   border:1px solid red;
}

http://jsfiddle.net/migueladan/8eXHT/

我需要变量的内容保持在div的宽度内（全部在红色矩形中）

我该如何解决这个问题？

Answer 1

有点不清楚，你究竟想要什么。 但也许overflow正是你要找的。 Here是您小提琴的更新版本。

Answer 2

使用display:inline-block;调整大小：

http://jsfiddle.net/8eXHT/5/

如果需要保持200px并且您想要隐藏，请使用overflow: hidden;：

http://jsfiddle.net/8eXHT/1/

使用word-break:break-all;如果需要保持200px但允许增加高度：

http://jsfiddle.net/8eXHT/8/

Answer 3

也许这就是你想要的;

#myid{
    width:200px;
    border:1px solid red;
    word-break:break-all;
}

http://jsfiddle.net/8eXHT/9/