jquery - 当宽度减小时禁用文本适合 div

Question

当我尝试减小 div 的宽度(使用 jquery .animate() 函数)时，该 div 内的文本会尝试适应，并且单词分解。我怎样才能避免这种情况？

$("#btn").on("click", function(){
    $("#myDiv").animate({"width":"0px"}, 400);
});

我创建了一个jsfiddle来说明我想避免的事情。

Answer 1

尝试添加这个CSS:

#myDiv{
  overflow: hidden;
}
#myDiv p{
    width: 200px;
}