Question

我有一个内联显示的链接列表。我希望最后一个li位于其上方的内联列表的中心。我怎么能用css做到这一点？

原因是，当网页在移动设备中使用时，它无法适合整个列表，所以我想将其移到下面。

 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Last Item</li>
 </ul>

Answer 1

您可以通过将text-align:center设置为ul和li元素来执行此操作：

ul{
   list-style:none;
   height:100%;
   width:100%;
   padding:0;
   text-align:center;
}

ul li{
   text-align:center;
   display:inline-block;
   width:75px;
   height:20px;
   background:silver;
   border:1px solid black;
   padding:10px;
}

另外：确保ul的宽度为100％，padding的{{1}}设置为零。此外，ul必须显示li。

查看小提琴：

http://jsfiddle.net/rmj7q78t/

Answer 2

这个css可以解决问题：

palabra=open('Lista.txt')
print palabra
for i in palabra:
    a = float(i[:2])
    b=a+1
    print b

将最后一个li元素移动到其余内联下方

2 个答案: