ホームページ >ウェブフロントエンド >htmlチュートリアル >_html/css_WEB-ITnose をクリックした後の点線ボックスの対処方法

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

WBOY
WBOYオリジナル
2016-06-21 09:42:421203ブラウズ


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

<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;} この属性を使ってみてください

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。