html - 无法使用背景位置使图像居中

标签 html css

我在这方面是个新手,如果代码看起来很笨拙,我深表歉意。

我正在尝试做一些看似简单的事情。 我有一张图片,它也链接到其他网址,但我无法将其放在页面中央。 如果我在没有链接的情况下使用 background-position=center 它工作正常(经过一些修改),并且当我添加链接时它显示在页面顶部。 我做错了什么?

在头部和风格上我有这样几行:

#main { background-image:url('google.png'); background-repeat:no-repeat; background-position:center; display: block; margin: 0 auto; text-indent: -9999px; width: 137px; height: 137px; }

在正文中我有这一行:

<body> <a href="http://www.google.com" id="main">google</a> </body>

谢谢, 鲁文

最佳答案

您可以制作链接display: inline-block 并放入带有text-align: center 样式的div 中; Example

关于html - 无法使用背景位置使图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25158079/

相关文章:

html - 如何对齐标签和表单域

html - 使用粘性图像时删除页面底部的空白

html - ASP.NET-MVC Linq2Sql 逻辑根据条件获取链接项

javascript - 如何使用容器元素中包含的静态英雄标题文本创建响应式 Bootstrap 轮播?

asp.net - 我使用了 css,现在无法滚动

javascript - 监控dom元素属性变化?

javascript - 每个图像加载后触发函数

具有最大长度的 Android webview 错误

html - 表行按部分划分

javascript - 如何使用 JavaScript 创建 HTML 文件