文字浮出侧边栏

文字走出我的div，并没有固定的宽度，所以我不知道为什么它这样做。侧栏不应超过200px。文字浮出侧边栏

HTML

 <div id="sidebar"> 
     <div class="side_box"> 
      <div class="side_box_title"><span>VAULT FEED</span></div> 
      <div class="side_box_content"> 
       dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd 
      </div> 
     </div> 
    </div>

CSS

#sidebar { 
    max-width: 200px; 
    margin-top: 1%; 
    margin-left: 1%; 
    float: left; 
} 
.side_box { 

} 

.side_box_title { 
    height: 25px; 
    padding-top: 2px; 
    text-align: center; 
    color: white; 
} 

.side_box_content { 
    border: solid 1px; 
    padding-left: 5px; 
    padding-right: 5px; 
}

来源

2013-10-10 NullBy7e

我会去用CSS3字 - 打破财产。 - >Word break css

只需添加到.side_box_content类以下内容：

.side_box_content { 
    border: solid 1px; 
    padding-left: 5px; 
    padding-right: 5px; 


    word-break: break-all; 
}

有一展身手的： - >Test drive

干杯！

来源

2013-10-10 23:29:19 RGLSV

非常感谢，也不能相信，我错过了，这是完全跨浏览器兼容吗？ – NullBy7e

根据[Prefixr]（http://prefixr.com/index.php）它不需要供应商的前缀，但是，有一个关于css-tricks的好文章，关于word break [检查出来]（http： //css-tricks.com/almanac/properties/w/word-break/） – RGLSV

或者你可以用**'word-wrap：break-word;'**这两个规则是相似的，但是**'word- break **规则将忽略任何空格，逗号或连字符，并分开单词，而**'word-wrap' **将监视空格，逗号和连字符，并在它打破单词之后。最后一个应该有一个最大宽度或指定的宽度，并且在块元素上工作得最好 – RGLSV

或者你可以尝试

.side_box_content {  
    ... 
    word-wrap: break-word; 
}

来源

2013-10-10 23:33:10 vernak2539

文字浮出侧边栏

回答

相关问题