0

誰かが私を助けてくれることを本当に願っています。Wordpress Web サイトでカテゴリ メニューを正当化したいと考えています。

ここで見ることができます。上部のカラフルなメニュー: http://www.postscriptum.hostingas.in/

HTML のメニューは " section-bar" と呼ばれます。

CSSコードは次のとおりです。

.section-bar {
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.65);
    margin-bottom: 1px;
    padding: 5px 0 5px 0;
    background: #252525;
}

.section-bar ul li {
    padding: 1px 1px 1px 0;
}
.section-bar ul li a {
    display: block;
    color: #fff;
    padding: 3px 5px;
    font-weight: bold;
}

私はこれを入れようとしましたが、何も変わりませんでした：

.section-bar ul {
    text-align:justify;
}

画面にうまく収まるようにするにはどうすればよいですか。

4

2 に答える 2

0

1 行に 5 つの要素があり、ラッパーのサイズを 5 つの要素 (たとえば 1000/5=200px) に分割し、幅 li を 200px に設定します (この例では)。

于 2013-08-26T17:32:33.780 に答える
0

あなたのサイトを見て最初に頭に浮かぶのは、li アイテムの css を変更して、すべてのアイテムが同じ幅になるようにし、最大のタイトルを 1 行に入れるのに十分な大きさにすることです。そのためには、幅を 356px に変更します。

.section-bar ul li {
    padding: 1px 1px 1px 0;
    width: 356px;
}
于 2013-08-26T17:36:50.850 に答える