0

Jquery UI タブが 1 つあり、最初の選択をクリックすると別の Jquery タブが表示されます。これら2つの要素の間に間隔を表示したくありません。現在、メニュー項目 1をクリックすると、親タブと子タブの間に隙間がほとんどない別のタブが表示されます。タブ間に細い線が表示されます。それを削除するにはどうすればよいですか。ここにフィドルリンクがあります

私はこれを試しまし$("div.ui-tabs-panel").css('padding','0px');たが、助けにはなりません。

この点で何か助けていただければ幸いです。

私はこのスペースを意味します ここに画像の説明を入力

4

4 に答える 4

1

デモ

$(function () {
    $("#tabs-buttons").tabs();
    $("#subtabs-buttons").tabs();
    $("div.ui-tabs-panel").css('margin', '0px');
    $('#tabs-1').css('padding', '0');
    $('#tabs-1 div').css('padding-top', '0');
});

また

CSS

デモ

#tabs-1{
    padding:0;
}
#tabs-1 div{
    padding-top:0;
}
于 2013-09-25T13:50:08.863 に答える
0

2 番目のタブ (タブ内) を意味する場合:

#subtabs-buttons ul{padding: 0}
#subtabs-buttons li {margin: 0}
于 2013-09-25T13:49:01.013 に答える
0

サブタブのcssを編集する必要があります

#subtabs-buttons {padding-top : 0px; padding-left : 0px;}

あなたのフィドルを更新しました

于 2013-09-25T13:49:11.920 に答える
0

このようなことを達成しようとしていますか？

jsフィドル

私はCSSを使用しました：

#subtabs-buttons{
    padding:0;
}

これがあなたが探しているものかどうかはわかりません。

次のコードを使用して、サブタブのテキストと境界線の間にパディングを追加することもできます。

#stabs-1 p {
    padding: 5px;
}
于 2013-09-25T13:49:27.250 に答える