Question

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

我知道我可以使用显示内联或显示内联块，但我需要锚标签自动设置其宽度取决于内部html大小（在这种情况下是文本）。

感谢您的帮助！

Answer 1

由于您为其指定了display: block样式，因此它将采用完整的可用宽度。

设置难度width，或将显示更改为inline-block。

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

Answer 2

使用float：left / right（如果可以）并清除：以下项目或

使用内联块但删除所有空格并返回，因为内联块显示内部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>

注意我删除了标签内的所有返回和空格