1

テキストを整列させたい

#navigation li a{}

a-element/container/box はその位置を離れるべきではありません。要素/コンテナ/ボックスの左下にテキストを配置したいだけです（ただし、その名前が付けられています）。端にスペースがあります。text-align-assignment では十分ではありません。他に何かありますか？前に述べたように: a-box 内のテキストを移動することによって a-element/container/box を移動するべきではありません。

私が使用しているナビは

wp_nav_menu

ワードプレスから。

4

1 に答える 1

0

これを試して：

更新：コンテナリストアイテムを使用。

#navigation li {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    padding: 0; /* if you want no spaces at the edges inside the anchor. */
    /* ... rest of your properties */
}

#navigation li a {
    padding: 0; /* if you want no spaces at the edges inside the list item. */
    /* ... rest of your properties */
}

注：次displayのようなプロパティの値。「table-cell」、「inline-table」、「table」、「table-caption」、「table-column」、「table-column-group」、「table-row」、「table-row-group」、および「継承」は、IE7以前ではサポートされていません。IE8には！DOCTYPEが必要です。IE9は値をサポートしています。

これがjsFiddleのデモです。

于 2013-01-19T22:07:50.177 に答える