右对齐箭头

Question

我想用左右箭头建立一个旋转木马。如何将右箭头对齐屏幕的右侧？我查看了很多帖子，弄清楚了，尝试了浮动和对齐，都找不到。

这里是我的jsfiddle：http://jsfiddle.net/agassi0430/CcAMD/

在此先感谢您的帮助。

Answer 1

在箭头上使用position: absolute;最简单，并使用right: 0;left: 0;对齐。您还必须记住将position: relative;设置为包含它们的元素，以便绝对位置在该容器内工作。

Here's the fiddle。

此外，请注意您的html标记。将<li><li>（列表项）之外的任何内容放入<ul></ul>（无序列表）

Answer 2

请试试这个：

<div class="category">Most Discussed</div> 
    <div class="contents">  
     <ul><div class="leftarrow"></div></ul> 
     <ul><div class="content"></div> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li></ul> 
     <ul style="float:right;"><div class="rightarrow"></div></ul> 
    </div> 

Answer 3

我认为这将有助于如果你可以从列表中删除的箭头...但如果你需要让他们在列表中，请尝试使用显示属性乱搞。如display：inline-block;在你的CSS。但要小心，其中一些在旧版本的IE中不会很好地降级。您可能需要对IE 7进行小小的css破解...