0

文本超出了我的 div 并且没有固定宽度，所以我不知道它为什么这样做。侧边栏不应超过 200 像素。

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;
}
4

2 回答 2

1

我会选择 css3 word - break 属性。->分词 css

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

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


    word-break: break-all;
}

试一试：->试驾

干杯!

于 2013-10-10T23:29:19.913 回答
1

或者你可以试试

.side_box_content {    
    ...
    word-wrap: break-word;
}
于 2013-10-10T23:33:10.523 回答