在a标签中添加两个元素设置display:inline-block , 发现元素间出现一条黑色小横线.
这个横线其实来自a标签, 在a标签上如下设置, 就能去掉:
1 | text-decoration:none; |
text-decoration
text-decoration 是文本修饰符
可能的值
| 值 | 描述 |
|---|---|
| none | 默认。定义标准的文本。 |
| underline | 定义文本下的一条线。 |
| overline | 定义文本上的一条线。 |
| line-through | 定义穿过文本下的一条线。 |
| blink | 定义闪烁的文本。 |
| inherit | 规定应该从父元素继承 text-decoration 属性的值。 |
a 标签默认 text-decoration: underline;