我遇到一个从来没有发生过的问题,似乎真的是前所未有的,一些文本没有包装在div中。
<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; }