0

我无法摆脱这个。我正在使用包装器以固定宽度包装内容div。这是我的网站。如果文本的长度太长,那么剩余的文本不会像往常一样显示在下一行。

我只是新手CSS。我overflow:hidden在 header中使用div只是为了删除一些无法使用margin: 0. overflow如果有任何事情要做,我尝试删除财产,但没有运气。

我正在使用ddsmoothmenu动态驱动器。我也尝试过删除它,但仍然没有什么好处。

稍后添加

这里的另一个问题是,如果我缩放太多以至于浏览器窗口比包装器的宽度短,并且水平滚动似乎包装器的宽度也在减小。我在nuget中看到的行为相同。

这是我写的一些CSS:

body {
    background-color: #EEEEEE;
    color: #333;
    font-size: .85em;
    font-family: "Open Sans";
    margin:0 0;
    font-family:'Segoe UI';
}

.wrapper, #main-menu {
    width:1000px;
    margin:0 auto;
}
#page {
    background-color:white;
}

#main {
    min-height:200px;
}
#header {
    height: 80px;
    overflow:hidden;
    background: #80b8dd;
    font-weight:bold;
    color:white;
    background: -moz-linear-gradient(top, #80b8dd 0%, #188edd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80b8dd), color-stop(100%,#188edd));
    background: -webkit-linear-gradient(top, #80b8dd 0%,#188edd 100%);
    background: -o-linear-gradient(top, #80b8dd 0%,#188edd 100%);
    background: -ms-linear-gradient(top, #80b8dd 0%,#188edd 100%);
    background: linear-gradient(to bottom, #80b8dd 0%,#188edd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b8dd', endColorstr='#188edd',GradientType=0 );
}

#navigation {
    height:37px;
    background-color:#414141;
}

#logo {
    margin:10px 0 10px 10px;
}

请帮忙 !!!

4

2 回答 2

3

您的文本中没有空格。使用 lorem ipsum 进行测试。以下是一些生成器:

word-break在您必须处理巨大的单词的情况下,您可以使用 CSS属性来破坏单词:

word-break: break-all;

如果您只想在适当的连字符点断词,则可以选择:

word-break: hyphenate;
于 2013-04-21T05:19:50.597 回答
2

将此添加到您的 CSS 中:

#page {
    background-color: #fff;
    word-break: break-all;
}

#main {
    min-height: 200px;
    word-break: break-all;
}
于 2013-04-21T07:00:40.550 回答