css - 文本未环绕在div元素内

我遇到了一个前所未有的问题,有些文本没有包装在div中。
在此链接中是我的HTML代码示例:
http://jsfiddle.net/NDND2/2/

<div id="calendar_container">
   <div id="events_container">  
      <div class="event_block">
         <div class="title">
            lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem
         </div>
      </div>
   </div>
</div>

有什么帮助吗??

最佳答案

那是因为长字符串中没有空格,所以必须从容器中取出。将word-break:break-all;添加到.title规则以强制中断。

#calendar_container > #events_container > .event_block > .title {
    width:400px;
    font-size:12px;
    word-break:break-all;
}

jsFiddle example

本文翻译自 https://stackoverflow.com/questions/23763482/

网站遵循 CC BY-SA 4.0 协议,转载或引用请注明出处。

标签 css word-wrap htmltext


相关文章:

html - 浏览器之间奇怪的文字换行差异

python - 你如何在Jupyter笔记本中包装线条?

css - 如何从Flex中的TextField中删除默认CSS?

jquery - 如何启用div over over允许从下面冒泡?

css - :first-child和:first-of-type有什么区别?

html - 如何在angular2中覆盖md-input-container的样式?

html - 浮动div的问题不符合高度值

css - IE中的任意自动换行