0

私はこれを取り除くことはできません。ラッパーを使用してコンテンツを固定幅でラップしていますdiv。ここ は私の サイトです . テキストの長さが長すぎると、残りのテキストが通常どおり次の行に表示されません。

私は初心者ですCSS。を使用して削除できなかった余分なマージンを削除するためだけoverflow:hiddenにヘッダーで使用しました。何か関係がある場合はプロパティを削除しようとしましたが、運がありませんでした。divmargin: 0overflow

ddsmoothmenuダイナミックドライブから使用しています。これも削除しようとしましたが、まだ何も良くありません。

後で追加

ここでのもう 1 つの問題は、ズームしすぎてブラウザー ウィンドウがラッパーの幅よりも短くなり、水平方向にスクロールすると、ラッパーの幅も減少​​しているように見えることです。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 に答える