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 回答