1

私はこれで一日中苦労してきました...

製品の QA の理由から、既存のコントロールを CSS でスキンしようとしていますが、タブを生成するコードを編集したくありません。

コントロールは、動的に生成された HTML であるタブ コントロールです...

すべてのタブを 1 行に配置したい...これは問題ありません...しかし、コンテナーの端に到達すると...すべての子タブを押しつぶして非表示にするか、テキストオーバーフローを省略します。

私が持っているもの -

----------------------------------------
|tab1       |tab2       |tab        |tab   <-  container edge with tab 4 hidden.

私が欲しいもの -

|tab1    |tab2   |tab 3  |tab 4  |tab x |

また -

|ta...|ta...|ta...|ta...|ta...|ta...|ta...          you get the idea...?

HTMLはdivのスパンです...飛行機のヘビのように...

<div>
   <span>tab1</span>
   <span>tab2</span>
         ...
   <span>tabx</span>
</div>

希望はありますか？

ありがとう

編集: IE7 で作業する必要があります :'(

4

2 に答える 2

0

シンプルにこの CSS を追加します。

    div{width:100%}
   div > span {
                float:left;
                width:40px; //customise width as per your purpose, can be in %ge too!
                overflow:hidden;  //hides extra text
                white-space:nowrap  //avoid getting on new line
              }

幅を修正すると、制限する領域が与えられます。これが役立つことを願っています!! :)

于 2013-11-21T13:09:58.373 に答える