html - 长字符串和保持完整的单词 CSS 问题

标签 html css twitter-bootstrap

我正在使用 Bootstrap 典型的 div 容器。我有两个问题要解决:

  1. 不允许长字符串溢出 div 容器
  2. 为了保持单词不中断,比如如果单词达到限制,整个单词低于限制

这是我得到的:

word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

它主要用于不让长字符串溢出 div,而是在和平中削减单词,例如:

something, somethi
ng, something, som
ething, etc.

有什么想法吗?

最佳答案

代替 word-break: break-all; 使用 word-break: normal;。它会起作用。

关于html - 长字符串和保持完整的单词 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32811654/

相关文章:

javascript - 以编程方式确定要在 Web 导航栏中显示多少元素

javascript - 通过在窗口就绪时使用 javascript 强制主体更改为背景,防止页面使用主题切换闪烁继承的主体 bg 颜色

javascript - 区域扩大时改变图像

javascript - 显示使用 Ajax 加载的 Bootstrap 选项卡在第一次单击时不起作用

html - 仅在背景上应用不透明度

html - 创建半透明图像叠加层

html - 如何调整不同浏览器的导航设计?

javascript - 如何在 javascript 中隐藏 IE 中的空 <span>。 (注意在其他浏览器中工作正常)

html - IE8 阻止具有宽度/高度的元素在悬停内部文本之前不检测鼠标悬停

html - Bootstrap 堆叠行在响应式中不起作用