Question

我有一个分页输出，显示在

中。此处发布了一个示例： http://jsfiddle.net/6N4bD/1/

ul包裹着2个div

第1个div是550宽度名为“paginationDiv”的第二个div基本上包围了ul

ul有list-style：none。我想要做的是让它浮动，但它仍然作为一个块出现。我尝试过很多东西但似乎没什么用。如果我为paginationDiv添加一个宽度然后它可以工作，但它不准确，因为它永远不会是固定的宽度

这是它的样子：

<div class="parentDiv">
   <div class="paginationDiv">
      <ul id="paginationLinks">
        <li>Page 1</li>
        <li>Page 2</li>
      </ul> 
    </div>
 </div>

那是html代码

这是css：

div.parentDiv { 
  width: 550px; 
}
div.paginationDiv {
  float: right;
}
#paginationLinks ul {
  border: 0;
  padding: 0;
  margin: 0;
}
#paginationLinks li {
  list-style: none;
}

我在此处发布了一个示例： http://jsfiddle.net/6N4bD/1/

Answer 1

似乎有用的是将display: inline;添加到li元素。

http://jsfiddle.net/XFdqT/有一个演示。

Answer 2

将float:left提交给#paginationLinks li，然后查看结果

右对齐内部的内联UL

2 个答案: