css – 文本不包含在div元素内

前端之家收集整理的这篇文章主要介绍了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://www.f2er.com/css/218691.html

猜你在找的CSS相关文章