1

セルの上にマウスを置いて一種のボタンを設定するテーブルがあります。次に問題は、列間を移動すると、現在の列が他の列よりも少し広く見えることです。説明することが難しい。

ここにデモの小さなビデオがあります: http://screencast.com/t/WbHIlSHim

どうすればそれを避けることができますか?

ここに私のcssがあります

#MatrixTable td
{
    padding: 0px;
    height: 30px;
    text-align: center;
    vertical-align: middle;    
}

#MatrixTable:hover
{
    cursor: default;
}

#MatrixTable td a:hover
{
    cursor: none;
}

#MatrixTable td:first-child
{
    padding-left: 5px;
    text-align:left; 
}

#MatrixTable td a
{
    padding: 8px 10px;
    cursor: default;
}

ありがとう。

アップデート

ここに jsfiddle があります: http://jsfiddle.net/Q35f7/

4

1 に答える 1

0

ほとんどの場合、新しいクラスを追加したときに CSS が変更され、他の多くのものを追加したことが原因です。サイズの変更を引き起こした問題のある変更はpadding、 、borderおよびオブジェクトのサイズを常に変更するいくつかの他の変更でした。

たとえば、.class:hover{border: 500px solid #000;}マウスオーバーで追加した場合、その要素にカーソルを合わせると、その要素は非常に大きくなります。を実行すると、同様の効果が発生します.class:hover{padding:9999px;}。私がここで何を得ているか分かりますか？

「迷惑な」サイズ変更を作成するスタイル ルールを削除するために、編集しました。

http://jsfiddle.net/Q35f7/1/

于 2012-05-23T20:57:35.507 に答える