0

次の例では:

http://developer.yahoo.com/yui/examples/tabview/frommarkup_clean.html

タブを右揃えにして、現在の順序を維持したいと思います。

私はそれが単純なものであると確信しています - 解決策を見るには近すぎるだけです。

4

4 に答える 4

1

私の頭の上から、どうですか：


<div id="demo" class="yui-navset">
    <ul class="yui-nav" style="text-align:right;">
        <li><a href="#tab1"><em>Tab One Label</em></a></li>
        <li class="selected"><a href="#tab2"><em>Tab Two Label</a></li>
        <li><a href="#tab3"><em>Tab Three Label</em></a></li>
    </ul>            
    <div class="yui-content">
        <div id="tab1"><p>Tab One Content</p></div>
        <div id="tab2"><p>Tab Two Content</p></div>
        <div id="tab3"><p>Tab Three Content</p></div>
    </div>
</div>
于 2008-12-15T21:34:35.567 に答える
0

da5id と Kevin Le が言ったこと。

CSS ファイルに、次の行を追加します。ul.yui-nav { text-align:right; }

同じ解決策です。

于 2008-12-15T21:41:21.840 に答える
0

HTML コード:

<div id="demo" class="yui-navset">
<div class ="tabs-nav" >
    <ul class="yui-nav" >
        <li><a href="#tab1"><em>Tab One Label</em></a></li>
        <li class="selected"><a href="#tab2"><em>Tab Two Label</a></li>
        <li><a href="#tab3"><em>Tab Three Label</em></a></li>
    </ul>  
</div>          
    <div class="yui-content">
        <div id="tab1"><p>Tab One Content</p></div>
        <div id="tab2"><p>Tab Two Content</p></div>
        <div id="tab3"><p>Tab Three Content</p></div>
    </div>
</div>

CSS:

div.tabs-nav {height: 45px;} /* important to set div's height so your tabs navigation does not fall in to the tabs content */
ul.yui-nav { float: right;}
ul.yui-nav li { float: left;}
于 2012-06-08T16:06:49.967 に答える
0

「text-align: right;」を適用してみましたか？コンテナ div に:

<div id="demo" class="yui-navset">

?

于 2008-12-15T21:17:52.887 に答える