Html 以页面上的图像为中心，整个div将成为一个链接？

我试图在页面上居中放置图像。我用的是：

#logo img{
最大宽度：100%；
高度：自动；
宽度：自动\9；
显示：块；
利润率：55px自动；
-moz转换：全部为0.3s；
-webkit转换：所有0.3；
}
#标志img：悬停{
-moz变换：比例（1.1）；
-webkit转换：比例（1.1）；
转换：比例（1.1）；
边缘底部：100px；
}

---

像这样调整CSS。您需要指定图像的宽度

#logo img{
显示：块；
利润率最高：55px自动；
-moz转换：全部为0.3s；
-webkit转换：所有0.3；
宽度：100px；
高度：自动；
}
#标志img：悬停{
-moz变换：比例（1.1）；
-webkit转换：比例（1.1）；
转换：比例（1.1）；
边缘底部：100px；
}

---

使用以下规则更改css

#logo {
    text-align:center;
}

#logo img {
    max-width: 100%;
    height: auto;
    width: auto;
    margin: 55px auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

---

工作小提琴

如果您想保持图像没有大小，您可以移除标签并像这样更改标签

<img src="images/logo.png" alt="SAPS Logo" onclick='window.location="http://sapsrp.x10.bz/"'>

这是一个轻微的攻击，因为用户将无法右键单击以在新选项卡中打开图像。注意，您还需要为img标签指定游标：指针样式

#徽标{
文本对齐：居中；
}
#标志a{
显示：内联块；
利润率：55px自动；
}
#标志img{
最大宽度：100%；
-moz转换：全部为0.3s；
-webkit转换：所有0.3；
}
#标志img：悬停{
-moz变换：比例（1.1）；
-webkit转换：比例（1.1）；
转换：比例（1.1）；
边缘底部：100px；
}