_html/css_WEB-ITnose をクリックした後の点線ボックスの対処方法-htmlチュートリアル-php.cn

_html/css_WEB-ITnose をクリックした後の点線ボックスの対処方法

WBOY

リリース： 2016-06-21 09:42:42

オリジナル

1222 人が閲覧しました

図に示すように、削除をクリックすると、点線のボックスが下まで伸びてしまいます。専門家はどう対処すればよいでしょうか。私が望むのは、点線のボックスを削除するのではなく、テキストを囲むだけの点線のボックスを作成することです

<div style="width:80px;height:85px; line-height:85px; text-align:center;" id="lbtnDel"><a href="" >删除</a></div>

ログイン後にコピー

ディスカッションへの返信 (解決策)

...
行の高さが変更されました
あなたはそれを設定しました自分は高いのに
どうしてそんなに高くないの?

論理的に言えば、それは問題ではないはずです
あなたのスタイルは他のスタイルを定義していますか?

他には何もなく、下線と色のキャンセルを定義するだけです

 a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */a:focus { -moz-outline-style: none; } /* IE不支持 */a:focus { outline: none; } /*很多网站都会加的属性*/

ログイン後にコピー

line-height のせいです。短く設定してみてください。

a:focus {outline:none}

これは行の高さの問題です。

a:center IE のみサポート、使いすぎると非効率 */ a{blr:expression(this.onFocus=this.blur());} /* IE のみサポート、使いすぎると非効率 */ a:focus { -moz-outline -style:non...

これで点線も削除されます

line-height のせいです短く設定してみてください。

ショートポイントとは何ですか?

a {vertical-align:middle;} この属性を使ってみてください

行の高さの問題

a {vertical-align:middle;} この属性を使ってみてください

ありがとうございます
あなたの方法で私の問題は解決されました質問、すべての点あなたに与えられます