4

span や p などの要素に inline-block が表示されている場合、内部に配置するとアンカーの下線スタイルが覆われることに気付きました。

<a href="http://www.stackoverflow.com"><span style="display:inline-block">test</span></a>
<a href="http://www.stackoverflow.com"><p style="display:inline-block">test</p></a>

これを防ぐ方法はありますか？

4

3 に答える 3

1

1) スタイルをAタグに移動

<a href="http://www.stackoverflow.com" style="display:inline-block">test</a>

また

2) 子要素に下線を追加

<a href="http://www.stackoverflow.com"><p style="display:inline-block;text-decoration:underline">test</p></a>
于 2012-10-15T19:40:32.117 に答える
1

スタイルタグに追加text-decoration:inherit;

于 2012-10-16T18:17:33.760 に答える
0

次のスタイルを追加します。

​a *:hover { text-decoration: underline }​

デモ

于 2012-10-15T19:40:41.487 に答える