1

サイズが変更されるテーブルがありますが、これは正常に機能します。テーブルのヘッダー セルにはdiv、テーブルの並べ替え方法を表す追加のタグがいくつか含まれています。たとえば、列がソートされている場合、昇順/降順の画像が表示されます。(現在、プレースホルダーとして赤いボックスを使用しています。)

ただし、テーブルのサイズを変更すると、divsがテキストの下に移動します。

私はこのCSSを試しました：

overflow:hidden
text-overflow:ellipsis;

テーブルのテキストには機能しましたが、s には役に立ちませんでしたdiv。divs がテキストの下に移動しないようにするにはどうすればよいですか?

これが私のコードです：jsfiddle.net

4

3 に答える 3

1

それらを絶対にして、セルにパディングを追加して、重ね合わせを避けることができます。

http://jsfiddle.net/Uf8cN/4/

于 2012-08-27T15:02:37.347 に答える
0

css で min-width プロパティを設定してみてください。

于 2012-08-27T13:56:25.310 に答える
0

ascendingまたはのようなクラスを適用descendingして、列にそれぞれソートを示し、これらのクラスにbackground-imageを適用し、img タグを使用する代わりにbackground-position:right centerを適用できます。

選択肢を提案するだけ

于 2012-08-27T13:56:47.937 に答える