html – 右对齐内部的内联UL

前端之家收集整理的这篇文章主要介绍了html – 右对齐内部的内联UL前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个分页输出,显示在其中.这里发布了一个例子: http://jsfiddle.net/6N4bD/1/

ul包裹着2个div

第一个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/

解决方法

给float:left到#paginationLinks li然后看结果
原文链接:https://www.f2er.com/html/227578.html

猜你在找的HTML相关文章