html - 句子在div的末尾显示一半,溢出: hidden is cutting the sentence

标签 html css layout

不知道怎么解释。让我们看看图片 enter image description here

enter image description here

看!一些文字显示 split 。我使用了溢出隐藏属性。我已将整个字符串切成 200 个字母。然后将其定位在一个 div 中。这是动态的。当有人在段落中添加额外的
或换行符时,就会出现问题。然后发生这种情况。谁能告诉我如何阻止它?这些半句不应该出现在可见的 div 中。是否有任何系统或属性可以阻止这种情况?

最佳答案

使用 white-space: nowrap; 为您的 div 显示一行中的文本。这样,它会隐藏您隐藏的固定宽度 div 中的额外文本溢出

检查此引用:
http://css-tricks.com/almanac/properties/w/whitespace/
https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
http://www.w3schools.com/cssref/pr_text_white-space.asp

关于html - 句子在div的末尾显示一半,溢出: hidden is cutting the sentence,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19995616/

相关文章:

javascript - 构建 DOS 风格的脚本。如何制作命令行?

html - 如何将水平CSS应用于div

javascript - 通过单击外部关闭 div 时出现问题

javascript - 固定定位元素随页面滚动,直到在 Firefox 移动版中完成滚动

javascript - 单击隐藏元素隐藏元素

Android View 管理

安卓 : is a width of 160dp equals to 100% of the screen width?

javascript - 通过 JavaScript 将两个按钮添加到一个 div

javascript - 为什么在使用 jQuery 调整大小时不能使用 CSS 类以百分比指定 div 高度?

javascript - 我无法将 HTML 文本框放入 Jquery