如何水平对齐<ul>分页标签？

Question

我有Joomla 3.4.5 + Virtuemart 3 +模板纯度III 我对“页面导航”链接有疑问。你可以在这里看到问题：
http://alturl.com/ofbav [链接破碎]

问题是列表<ul>是垂直显示而不是水平显示。

我想知道我必须添加哪个css代码以获得水平和“正常”查看我的分页按钮。

请专家帮帮我吗？

Answer 1

不确定。试试这样。

.vm-pagination > ul > li
{
   display:inline-block;
   padding:0px 10px;
}

修改

根据下面的评论，如果你想要一个代码应该解决这两个问题，那么使用它如下。在上面的代码中，我试图仅适用于直接子列表项。在你的底页案例中，它不是直接的孩子。所以改变你的代码如下。

.vm-pagination ul > li
{
   display:inline-block;
   padding:0px 10px;
}

Answer 2

你应该把list-style: none;放在＆＃34; ul＆＃34;去除所包含的＆＃34; li＆＃34;中的子弹点以及display: inline;或display: inline-block;以将它们连续显示。

.vm-pagination ul li
{
   list-style: none;
}

.vm-pagination ul li
{
   display: inline;
}

然后你可以使用边缘+填充+边框来使它们看起来更像标签。

Answer 3

只需将text-align: left;添加到您的分页ul即可。您还可以使用list-style: none;禁用列表样式。最后一步，您可以删除ul元素

的不必要的填充和边距

.vm-pagination > ul { text-align: none; list-style: none; padding: 0;
}

Answer 4

在你的风格中使用可能对你有帮助

ul
{
list-style:none;
margin:0px 0px;
padding:0px 0px;
}
ul li
{
float:left;
padding:4px 4px;
}