0

私はこのサイトを継承しましたが、CSSの一部が乱雑です。具体的には、この新しいページ

http://www.businesseventssydney.com.au/

青い水平メニューバーがあります。最初、一部のメニュー項目には非常に長いテキストがあり、メニューに折り返されていませんでした。しかし、いくつかの作業と追加のcssの後、テキストを折り返すことができました。たとえば、「WhySydney」にカーソルを合わせてから「SydneyGrowingfortheFuture」にカーソルを合わせます。

次のようにcss：

.second-level{
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    /*word-wrap: break-word;*/       /* Internet Explorer 5.5+ */
    /*word-break: break-all;*/
    white-space: normal;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
    hyphens: auto;
}

メニューテキストはFFとChromeでうまく折り返されます。つまり、単語は分割されず、単語全体が次の行に折り返されます。ただし、IEでは、単語は折り返す前に分割されます。

奇妙なことに、このメニューの同じバージョンが別のページにあります。これはすべてのブラウザで完全に機能し、何もする必要はありません。次のページを参照してください。

http://www.businesseventssydney.com.au/about-us/

誰かが私がこれを解決するのを手伝ってもらえますか？

4

1 に答える 1

0

たくさんのCSSを追加する代わりに、次のものを削除することもできます。

#topnav {
white-space: nowrap;
}
于 2012-09-21T03:42:38.237 に答える