我有这个
<li><a href="#" >title</a> <span style='text-align:right;'>(0)</span></li>
它不工作 还有这个
<li><a href="#" >title</a> <span style='float:right;'>(0)</span></li>
它转到下线(不工作)
它看起来像那样
|title (0) |
我要了
|title (0)|
最佳答案
可能有更优雅的解决方案来执行此操作,但这应该可行:
<li style="position:relative">
<a href="#">title</a> <span style="position:absolute; right:0;">(0)</span>
</li>
您可能需要向 li 添加 padding-right 以说明 span 使用的空间,以便链接文本和 span 不重叠。
关于css 问题,在右边制作文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2528711/