作成日: 2020/11/19 最終更新日: 2020/11/19
文書種別
使用方法
詳細
TabPanelにて、タブが多数あり、TabPanelの幅を超える場合、タブは折り返して表示されます。タブを折り返さず表示するには、下記のスタイル(CSS)を適用します。
◆サンプルコード
----------------------------------------------------
.wj-tabheaders {
display: inline-flex;
width: 100%;
}
.wj-tabheaders a {
white-space: nowrap;
min-width: 0px;
overflow: hidden;
position: relative;
}
----------------------------------------------------
◆サンプルコード
----------------------------------------------------
.wj-tabheaders {
display: inline-flex;
width: 100%;
}
.wj-tabheaders a {
white-space: nowrap;
min-width: 0px;
overflow: hidden;
position: relative;
}
----------------------------------------------------
サンプル
関連情報
旧文書番号
86203