html - 为什么链接比里面的跨度大？

Question

我正在对 css sprites 进行一些试验，并且遇到了一个小问题，我追查到了以下问题。

我应用了这个简单的 HTML 和一些样式 - 请参阅下面的小提琴。

<a href="#"><span class="fs"></span></a>

对于跨度，我定义了 16x16px 的固定大小 - 但链接区域似乎更大（我分配了不同的颜色）。为什么？我已经尝试定义相同大小的行高...

我想我需要一杯咖啡...

score 3 · Accepted Answer

只需将其更改display为block这样...

.fs {
    display: block;
    width: 16px;
    height: 56px;
    background: #ddd;
}

inline-block使元素生成内联级块容器。内联块的内部被格式化为块框，元素本身被格式化为原子内联级框，请在规范中阅读更多内容。

score 2 · Accepted Answer

2

试试float:left; 在.fs

于 2012-10-20T12:00:45.190 回答

2 回答 2