yii - 在 mainmenu yii zii.widget.CMenu 中更改标签的位置

Question

在使用 yii 'Home' 创建的默认 Web 应用程序中，'About' 标签总是在左侧。如何将它们的位置或任何其他标签更改到主菜单的右端。

Answer 1

htmlOptions您可以在创建菜单时添加类 CSS ，例如：

//in your view
$this->widget('zii.widgets.CMenu', array(
    'id'=>'myMenu',
    'items'=>$this->myMenu,
    'htmlOptions'=>array('class'=>'right-position'),
));

Yii 将呈现如下：

...
<ul class="right-position" id="myMenu">
...
</ul>
...

并且您可以为正确的位置类定义 Css，例如：

.right-position
{
  text-align: right;
}

所以你的菜单项应该在右侧。

更多信息： 如果你想以不同的方式为每个菜单项应用 CSS，你可以使用 itemOptionsand linkOptions。例如：

//At your controller
$this->myMenu = array(
'id'=>'myMenu',
'items'=>array(
    array(
        'label'=>'Home',
        'url'=>array('site/index'),
        'itemOptions'=>array('class'=>'css-item'),
        'linkOptions'=>array('class'=>'css-link'),
    )
),
);

Yii 将呈现如下：

...
<ul id="myMenu">
    <li class="css-item">
        <a class="css-link" href="/site/index">Home</a>
    </li>

...

例如：如果您希望 Home 项位于右侧，您可以定义 css-item 如下：

.css-item
{
  float: right;
}

我希望它对你有帮助。