更改主菜单yii zii.widget.CMenu中标签的位置
在使用yii“Home”创建的默认web应用程序中,“About”标签始终位于左侧。如何将它们的位置或任何其他标签更改到主菜单的右端。您可以在创建以下菜单时使用更改主菜单yii zii.widget.CMenu中标签的位置,yii,Yii,在使用yii“Home”创建的默认web应用程序中,“About”标签始终位于左侧。如何将它们的位置或任何其他标签更改到主菜单的右端。您可以在创建以下菜单时使用htmlOptions添加类CSS: //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this->myMenu, 'htmlOptions'=>array('class
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>
...
...
<ul id="myMenu">
<li class="css-item">
<a class="css-link" href="/site/index">Home</a>
</li>
...
所以你的菜单应该在右边
更多信息:
如果要以不同的方式为每个菜单项应用CSS,可以使用itemOptions
和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 class="right-position" id="myMenu">
...
</ul>
...
...
<ul id="myMenu">
<li class="css-item">
<a class="css-link" href="/site/index">Home</a>
</li>
...
我希望它对您有所帮助。您可以在创建如下菜单时使用
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>
...
...
<ul id="myMenu">
<li class="css-item">
<a class="css-link" href="/site/index">Home</a>
</li>
...
所以你的菜单应该在右边
更多信息:
如果要以不同的方式为每个菜单项应用CSS,可以使用itemOptions
和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 class="right-position" id="myMenu">
...
</ul>
...
...
<ul id="myMenu">
<li class="css-item">
<a class="css-link" href="/site/index">Home</a>
</li>
...
我希望这对你有帮助。谢谢你的回答,但是什么是css项目和css链接呢。我不熟悉css的东西。我添加了一个例子,如果你想在右边显示主项。请查看css项目样式。谢谢您的回答,但什么是css项目和css链接。我不熟悉css的东西。我添加了一个例子,如果你想在右边显示主项。请查看css项目样式。