2

私はで働いていajaxtoolkit:TabContainerます。

2 つのタブを追加する必要がありますが (これは可能です)、タブ ヘッダーの 1 つを左端に、もう 1 つを右端に追加する必要があります。

CSS ( ) で遊んでいますがfloat:left; etc;、それらを分離することはできません。彼らは常に次々とくっついている様子を見せます。

タブヘッダーを分離することは可能ですか?

編集：

@1steinがコメントしたように、私は使用できます

.ajax__tab_header :nth-child(2) { float: right !important; }

そしてそれはトリックを行います。問題は、このソリューションが、私が対象としているブラウザである IE8 で機能しないことです。これに対する回避策はありますか?

4

2 に答える 2

1

次のスタイルを使用できます (バージョン 9 未満の IE では機能しません)。

.ajax__tab_header :nth-child(2)
{
    float: right !important;
}

または、JavaScript を介してスタイルを適用することもできます (ScriptManager のすぐ下):

<script type="text/javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);

    function pageLoaded(sender, args) {
        $get("<%= TabPanel2.ClientID %>_tab").setAttribute("style", "float:right");
    }
</script>

TabPanel2 は、右に移動する必要がある TabPanel の ID です。

于 2011-06-03T07:26:02.473 に答える
0

=Dセレクティビズル

この js ライブラリをチェックしてください... css セレクターの問題を修正します

于 2011-06-02T23:57:08.590 に答える