Question

我想在

中对齐文字

#navigation li a{}

a-element / container / box不应该离开它的位置。我只想将文本放在元素/容器/框的左下角（但是它被调用），边缘有一些空格。文本对齐分配是不够的。还有别的吗？如前所述：a-element / container / box不应通过移动a-box中的文本来移动。

我无法将另一个盒子放入我的盒子中，因为我使用的导航是

wp_nav_menu

来自wordpress的

Answer 1

试试这个：

更新：使用容器列表项;

#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属性的值，例如; ＆＃34; table-cell＆＃34;，＆＃34; inline-table＆＃34;，＆＃34; table＆＃34;，＆＃34; table-caption＆＃34;，＆＃34; table-column＆＃ 34;，＆＃34; table-column-group＆＃34;，＆＃34; table-row＆＃34;，＆＃34; table-row-group＆＃34;，＆＃34; inherit＆＃34; IE7及更早版本不支持。 IE8需要一个！DOCTYPE。 IE9支持这些值。

这是 demo on jsFiddle 。

在CSS中的框中对齐文本

1 个答案: