如何“镜像”无序列表的子弹?

时间:2010-12-04 19:33:15

标签: jquery html css

很难说出这个问题。

我假设大多数人都知道正常的无序列表左侧有子弹。我想知道是否有可能将这些子弹放在右侧(jquery解决方案很好)。

稍微详细一点,假设:

  1. 我想并排显示2个列表:foobar
  2. bar列表的文本对齐方式应该在右侧。
  3. bar列表的子弹应位于对方。
  4. P.S。因为我认为有人会说,“为什么?为什么以所有合乎逻辑的名义你会想做这样的事情?”我谦虚但不合逻辑的代码自我肯定必须承认它对“规范”有点无聊。 ;)

    编辑:

    使用dir='rtl'对我的情况不起作用,因为它只会让子弹反转,而不是句子也会导致不良影响。

3 个答案:

答案 0 :(得分:2)

如果你不能使用dir='rtl',我认为真的没有好的解决方案。您可以使用CSS来禁用默认列表项目符号,并将背景图像定位为变通方法。或者,您可以这样做:

<table>
    <tr><td>First point. </td><td> <li> </li></td></tr>
    <tr><td>Second point. </td><td> <li> </li></td></tr>
</table>

这是一个讨厌的解决方法,但确实做你想要的。用于布局的表格显然是不合需要的,但在这里我认为在定位和可变高度对齐方面的CSS等价物会复杂得多。

答案 1 :(得分:1)

尝试<ul dir='rtl'>...</ul>

dir='rtf'代码段告诉浏览器文本应从右向左阅读(“方向:从右向左”)。

编辑:看评论!这不应该用于从左到右的语言!

答案 2 :(得分:0)

可以使用direction属性使用css完成。只需direction:rtl

完整图片:

<ul style="float:left">
    <li>Foo</li>
    <li>Bar</li>
</ul>
<ul style="direction:rtl;float:right;">
    <li>Foo</li>
    <li>Bar</li>
</ul>

http://startwithabreak.com/misc/test.html