Question

我正在尝试让一些文本在左侧对齐，而其他文本在右侧的表格单元格中对齐移动网站但没有成功。非常感谢任何建议：

HTML：

使用块定义的代码将箭头向右对齐，但在它们之前添加换行符，使得该行变为两行 - 不好。

<table></tr>
<td><a href="listproducts.php">Products<span style="display: block" style="text-align:right">>></span></a></td>
</tr></table>

此代码会在单词Products之后立即显示箭头，而不是向右对齐，尽管箭头确实保持在同一条线上。

<table></tr>
<td><a href="listproducts.php">Products<span style="display: inline" style="text-align:right">>></span></a></td>
</tr></table>

如何获得左侧的文字和同一条线右侧的箭头。注意：我不想去两个单元格，因为这会混乱布局。也不想为这些链接中的每一个创建图像，因为它们有很多。

BTW：我正在使用表格布局，因为我没有css知识来进行无表格布局。

感谢。

Answer 1

好吧，试试吧。

<table style="width:100%;">
    <tr>
        <td>
            <a href="listproducts.php">Products<span style="float:right;">>></span></a>
        </td>
    </tr>
</table>

Answer 2

由于您想要浮动的文本纯粹是装饰性的，因此最好通过CSS生成内容。您使用的容器标签并不重要，但标题标签似乎最合适。

http://jsfiddle.net/Jk8gq/

h1.decorative:after {
    content: '>>';
    float: right;
}

h1.non-decorative span {
    float: right;
}

<h1 class="decorative"><a href="listproducts.php">Products</a></h1>

<h1 class="non-decorative"><a href="listproducts.php">Products</a> <span><a href="#">See All</a></span></h1>

HTML / CSS：如何使一些文本在右侧对齐，而另一些文本则在表格单元格的同一行左侧

2 个答案: