11

<a>HTMLページを作成していて、タグを設定しようとしましたborder-bottom

私が何をしたとしても、それは表示されません。そこで、ここで確認できる縮小テストケースを作成しました。

http://codepen.io/hwg/pen/ILKdx

FFベータ版とChrome22で発生します。

を削除するoverflow:hidden;か、に変更するとoverflow:visible、機能します。問題は、そのセットが必要なことです。

では、どうすればボーダーボトムを作成できますか?(またはそれは私です:))

(テキストアンダースコアは使用できません。点線にします)

ありがとう

ハーレー

4

5 に答える 5

12

display:inline-block;リンク上でうまくいくようです。

于 2012-11-05T21:48:47.290 に答える
6

1pxグリッドの上下にパディングを追加します。

.grid{overflow:hidden; padding: 1px 0px;}

また

グリッド要素をインラインにします。

.grid{overflow:hidden; display: inline;}

これを実際に解決するには、おそらく100通りの方法があります。

于 2012-11-05T21:31:47.470 に答える
1

行の高さを増やしてみてください。例えば。line-height:200%;#test css に追加

于 2012-11-05T21:29:49.043 に答える
0

私の場合、どの解決策もうまくいきませんでした。

最後の問題のある div の後に空白の div を追加して問題を解決しました。

于 2016-06-27T00:48:57.127 に答える