对齐文本在CSS

Question

我想对齐文本在

#navigation li a{} 

的一元/箱/盒不应该离开它的位置。我只想将文本放置在元素/容器/框（但是其名称）的左下方，并在边上留出一些空间。 文本对齐分配是不够的。还有别的吗？如前所述：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属性的值，诸如; “table-cell”，“inline-table”，“table”，“table-caption”，“table-column”，“table-column-group”，“table-row”，“table-row-group”和“继承”在IE7和更早版本中不受支持。 IE8需要！DOCTYPE。 IE9支持这些值。

这里是一个demo on jsFiddle。