2

经过一番努力，我成功地将我网站产品列表页面上的“排序依据”选项从其原始位置移到了限制器旁边（对于每个页面上显示的产品数量），而不会破坏它。但是，我似乎无法弄清楚如何改变它的当前对齐方式。

我已经让它与限制器内联显示，但我想将它移到右侧，使其直接位于限制器旁边（而不是像现在一样直接位于中心）。

您可以在此处的产品列表页面上查看它的当前位置：http: //soundcherry.com/index.php/sound-effects.html

如何实现将“排序依据”选项向右移动？我觉得这是非常明显的事情，由于我缺乏经验，我只是想念它。

任何帮助将不胜感激。谢谢！

编辑

这是我认为我需要更改的 styles.css 页面的一部分。我到底要改变什么？每次我认为我已经弄清楚了，它并没有产生我期望的结果。

/* Sorter */
.sorter { font-size:11px; padding:1px 8px; }
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float: right; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { padding:0 ; margin: 1px; vertical-align:middle; }
.sorter .link-feed {}
4

1 回答 1

2

你可以用简单的方式做到这一点

当我从 firebug 更改为向您的sort-by类添加 2 个小属性时，如果您想在所有页面中获得相同的功能，您可以添加如下所示的内联样式或在您的 css 中

只需在css下面添加

float: right;
margin-left: 15px;

编辑

   .pager .sort-by { float: right;  margin-left: 15px;}

让我知道我是否可以进一步帮助您。

于 2013-07-03T04:18:42.423 回答