德拉德拉
我有一个带有文本和图标的表格单元格。我希望两个元素都链接到同一位置。我希望文本与表格单元格的左侧对齐，而图标与表格单元格的右侧对齐。代码可能看起来像这样：
<td><a href="#">Text<span>icon</span></a></td>
编辑：我编辑了代码，以表示一些最初不包含的要求。文本和图标都必须是链接。
另外，<a>当用户单击标签时，我正在抓住标签的宽度。如果将文本和图标切成两个不同的标签，则我的测量结果将不准确。
斩波器
如何像这样？
<table>
<tr>
<td>Foobar</td>
<td>
<div class="left">
<a href="#">Text</a>
</div>
<div class="right">
<a href="#">icon</a>
</div>
</td>
<table>
td {
width: 150px;
}
.left {
float: left;
}
.right {
float: right;
}
更新：那么将<a>标记保留在<div>s之外如何？不漂亮，但是可以工作：jsFiddle
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
我来说两句