0

ユーザーが div をクリックすると (以下の添付のスクリーンショットを参照)、次の境界線を設定しています。

$div.addClass("selected-block");

CSSには次のものがあります：

div.selected-block {
   border: 2px solid #155BCE !important; 
   border-radius:3px;
}

境界線が設定された後、topテキストleftが上に増加し3ます。どうすればこれを回避できますか?

PS。選択解除された div に白い境界線を作成することを考えましたが、白い境界線が黒い線と交差する可能性があるため、良い解決策ではありません。

4

2 に答える 2

2

プロパティに使用css3 box-sizing

このような

div.selected-block{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
于 2012-12-11T11:28:43.383 に答える
2

2px の透明な境界線で要素を開始し、bordercolor を変更するだけです。

div {
   border: 2px solid transparent; 
   border-radius: 3px;}

div.selected-block {
   border-color: #155BCE; 
}
于 2012-12-11T11:29:02.837 に答える