html - 如何对齐链接 HTML/CSS

标签 html css alignment

我已尝试执行以下操作,以及仅使用 <a> 对齐href 和 <img>标签,但我仍然无法将可点击图像与页面中心对齐。

<a href="next.html" align="middle">
   <img src="tlbr.png" align="middle">
</a>

float 标签在我尝试过的任何方式下也不起作用,因为据我所知,没有办法 float 到中心。

任何直接在 HTML 或 CSS 中的解决方案都很棒。 谢谢。

最佳答案

查看演示并像这样尝试: Demo

a img {
   margin:0 auto;    
   display:block;
}

关于html - 如何对齐链接 HTML/CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30473650/

相关文章:

html - CSS "frameworks"是浏览器异常的原因吗?

css - 我正在应用 flex 属性,但它不会扩展或收缩

css - 跨浏览器对齐未知大小的div

html - 创建一个带有标签的垂直分隔符

每次点击时 Jquery 触发动画(问题)

javascript - 覆盖 CSS : Display none property with jquery

html - hr 标签在 firefox 中不能正常工作

html - 如何获得 tr :nth-of-type(odd) for entire table not group (thead, tbody)?

css - 将外部 css 文件复制到 grails 中的 web-app css 文件夹中

alignment - SwiftUI中具有水平和垂直对齐的布局