html - html按钮锚显示块

Question

锚标签不会根据内容自动调整大小，请参见以下示例：

我知道我可以使用显示内联或显示内联块，但我需要锚标记根据内部 html 大小（在本例中为文本）自动设置其宽度。

感谢帮助！

score 3 · Accepted Answer

既然你给了它一个display: block样式，它将假定完整的可用宽度。

要么设置硬width，要么将显示更改为inline-block。

没有理由将其更改为inline-block可能会破坏您需要的任何其他内容，如果确实如此，请使用 JS 动态更改宽度，或修复它创建的问题。

score 1 · Accepted Answer

使用 float:left/right （如果可以的话）和 clear:both 在以下项目上，或者

使用 inline-block 但删除所有空格并返回，因为 inline-block 显示内部 HTML 中的所有空格

<a href="#" style="display:block;float:left;">
    <img src="button.gif" />
</a>
<div style="clear:both">next element</div>

还可以，还可以

<a href="#" style="display:inline-block;"><img src="button.gif" /></a>

注意我已经删除了 a 标签内的所有回车和空格

2 回答 2