Question

我遇到了将导航内容与右侧对齐的问题。我希望导航文本与表格中的右侧对齐。但它不会动。

HTML：

<div class="wrapper">
<table width="159">
    <ul><img class="nav_img1" src="site/img/bullet.gif"><a class="nav_names"href="#">Strona główna</a></ul>
    <img class="nav_img2" src="site/img/nav_underline.gif">
    <ul><img class="nav_img1" src="site/img/bullet.gif"><a class="nav_names"href="#">Nasze działania</a></ul>
    <img class="nav_img2" src="site/img/nav_underline.gif">
    <ul><img class="nav_img1" src="site/img/bullet.gif"><a class="nav_names"href="#">Europolis</a></ul>
    <img class="nav_img2" src="site/img/nav_underline.gif">
    <ul><img class="nav_img1" src="site/img/bullet.gif"><a class="nav_names"href="#">Biesiady samorządowe</a></ul>
    <img class="nav_img2" src="site/img/nav_underline.gif">
    <ul><img class="nav_img1" src="site/img/bullet.gif"><a class="nav_names"href="#">Poezja. S.Stalmach</a></ul>
    <img class="nav_img2" src="site/img/nav_underline.gif">
</table>
</div>

CSS：

.nav_names{
    position: relative;
    color: #6283a9;

    display: inline-block;
    text-align: right;
    /*font-weight: bold;
    font-size: 10pt;
    font-family: Tahoma;
    color: rgb(98, 131, 165);
    text-decoration: underline;*/

}

Answer 1

通常，这是将文本与右侧对齐的方式

#wrapper{
    text-align:right
}

在你的情况下......是的，你的代码根本没有格式化。您无法在<ul>内部使用<ul> <li> <div class="wrapper"> <ul width="159"> <li><img class="nav_img1" src="site/img/bullet.gif"><a class="nav_names"href="#">Strona główna</a></li> ... ... </ul> </div>，我想这就是您想要的内容。此外，你不需要表，你不应该使用表导航链接，只有列表。这是由于可访问性问题，这非常重要！

你的菜单是这样的：

{{1}}

将导航对齐到表格右侧

1 个答案: