jquery - 脑放 : How to make overflow content in a div

标签 jquery html css overflow

我什至不能为这个想出一个合适的主题...基本上我有一个盒子 div,当点击扩展到一个矩形并在新的扩展区域中显示内容时。

我遇到的问题是,当我为 div 的宽度设置动画时,浏览器想要在框拉伸(stretch)时呈现内容,而不是仅仅将它放在我需要的地方。

初始状态

 ____  
|    |  
|____|  

点击

 _________________  
|      Content    |  
|_________________|  

当前如何呈现

 __________  
|      Con |  
|______tent|  

我希望它如何呈现:

 __________  
|      Cont|ent (overflow:hidden)  
|__________|  

有人帮我解决这个问题......完全是脑残。

最佳答案

这是一个 CSS 问题..

如果你想让div中的文本在末尾不换行,你需要使用CSS

white-space:nowrap;

(连同溢出:隐藏)

示例:http://www.jsfiddle.net/sy6vX/

关于jquery - 脑放 : How to make overflow content in a div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3057989/

相关文章:

html - 部分元素因溢出而收缩 :auto?

javascript - 打印被 Angular 过滤器 chop 的字符串

javascript - CSS 样式与 JavaScript 问题

css - 如何将我的幻灯片放在段落旁边

javascript - 在页面上创建弹出窗口时,Home 和 End 键不起作用?

php - Yii2:isAjax 返回 false

jquery - 如何使用 jQuery serial Scroll/scrollTo(不工作)

javascript - 修复 javascript 的分页限制

html - 滚动位置属性

javascript - 将页面上的特定单词大写