html按钮 anchor 显示 block

标签 html css

anchor 标记不会根据内容自动调整大小,请参阅以下示例:

http://jsfiddle.net/XmnnY/

我知道我可以使用显示内联或显示内联 block ,但我需要 anchor 标记根据内部 html 大小(在本例中为文本)自动设置其宽度。

感谢您的帮助!

最佳答案

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

设置硬宽度,或将显示更改为inline-block

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

关于html按钮 anchor 显示 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10924271/

相关文章:

html - 100% 的 Div 高度不够高或太高

css - 如何在 Tumblr 上的非永久链接页面上隐藏 <div>

windows - 有没有win的浏览器可以用来测试html5 localstorage的?

jquery - Foundation sticky header 第一次滚动

jquery - 有没有一种方法可以在不使用绝对位置的情况下将 div 放置在彼此之上?

html - pandoc 将带有样式表的 html 转换为 docx

javascript - 我如何使用 jquery javascript 将大 html 表转换或打印为 pdf

html - 在侧边栏上拉伸(stretch) <a> 标签,同时将其内容垂直对齐到中心

html - Internet Explorer 无法调整内联列表项宽度?

css - 每次样式更新时,浏览器都会下载背景图片(使用 CSS 变量设置),为什么?