HTML – 单词中的单词

概述我有这个 HTML <div class="externalWidth"> <div class="container"> <div class="element">this_is_a_really_long_text_without_spaces</div> <div class="element noWrap">:-)</div> </div> 我有这个 HTML

<div >    <div >        <div >this_is_a_really_long_text_without_spaces</div>        <div >:-)</div>    </div></div><div >    <div >        <div >this is a really long text without spaces</div>        <div >:-)</div>    </div></div>

这个CSS

.externalWIDth { wIDth: 200px; }.container { margin-bottom:10px; display:inline-table; height:40px; wIDth:100%; }.element { display:table-cell; }.nowrap { white-space:nowrap; }

我做了一个jsfiddle来演示它.两个.elements中的文本都是从服务器读取并通过knockout绑定.我希望它看起来如下：

>第二个元素应该有足够的空间
>第一个.elements应该有剩余的空间.如果可能的话,它应该分成多行.

一切都很好但长话会导致整个表格扩展.如果有必要,是否有可能在言语中打破？

我也尝试了表格布局：固定;但这就产生了两个100px的柱子.

编辑：谢谢.分手：打破一切;完全按照我的需要做了.

解决方法 使用CSS word-break属性

试试这个DEMO

总结

以上是内存溢出为你收集整理的HTML – 单词中的单词全部内容，希望文章能够帮你解决HTML – 单词中的单词所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。