-1

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

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>

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

顺便说一句：我为此使用表格布局，因为我没有 css 知识来进行无表格布局。

谢谢。

4

2 回答 2

1

好吧，试试这个。

<table style="width:100%;">
    <tr>
        <td>
            <a href="listproducts.php">Products<span style="float:right;">>></span></a>
        </td>
    </tr>
</table>
于 2013-04-03T17:52:28.370 回答
0

由于您想要浮动的文本纯粹是装饰性的，因此最好通过 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>
于 2013-04-03T17:53:26.963 回答