我无法更改<a> without making it float or block</a>的宽度

Question

为什么会这样？

里面的原因是什么？

Answer 1

浮动它时，隐式地将其设为块元素。与内联元素（其中包含 a ）不同，可以为块元素指定宽度和高度。这是一个good explanation of block vs. inline differences。

编辑：删除了“有布局”作为块元素描述的一部分，这个isn't quite true ...

Answer 2

<a>是一个内联元素，在常规文本中流动。正如Ben所说，浮动元素隐式地将它们转换为“阻塞”元素。

一种解决方案是使用CSS样式display: inline-block - 链接将像图像一样工作 - 流与文本内联，但也允许您设置宽度/高度。

Answer 3

前提是不正确的。

使用内联块

<a href="" style="display:inline-block; width:100px;  background-color:Red;">abc</a>