相关疑难解决方法(0)

我是break-word一个容器,所以非常长的单词不会溢出.虽然Chrome和Safari处理得非常好,但似乎Firefox和IE喜欢在最荒谬的点上随机打破单词 - 甚至是短语.请参见下面的屏幕截图:

这是我用来防止破解的代码:

.break-word {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

这是我用于容器和文本的CSS:

.wrap {
position: relative;
text-align: center;
margin: 40px auto 20px;
padding: 50px;
border: 4px double #f7f7f7;
display: block;
}
.quote-text {
font-size: 40px;
line-height: 50px;
font-weight: 400;
}

HTML

   <div class="wrap break-word">
     <div class="row-fluid quotation-marks">&ldquo;&rdquo;</div>
     <span class="quote-text">
       Having a partner definitely allows you to take more risks.
     </span>
     <span class="author">Arianna Huffington</span>
   </div>

为什么会这样？有关如何在所有浏览器中正常使用单词的任何线索？Firefox绝对是一个优先事项.

提前致谢!

我在我的网站上使用Twitter引导程序,而且我的跨度可能包含很长的字,我需要打破它.我用这个Css但不工作？什么问题？

.fidDivComment {
    white-space: pre-wrap;
    display: inline-block;
}

在HTML元素(如DIV)中添加长文本时,该元素会包装该文本.实际上,正好像这个问题文本一样.如何从这样的HTML元素中获取文本并确定它在哪里中断？即插入新行的位置.

例如,在这个框中,在"... like this"之后有一个新行,一个在"... where it"之后,两个在"...之后插入".

如果我有一个div具有特定宽度的,并且它包含连续内容,那么它将溢出.有没有办法让它打破这个词并将其中一部分移到下一行？例如:

<div style="float:left;width:200px;">thiscontentwilloverflowthedivbecuaseitdoesnthaveanyspacesinit</div>

谢谢.