如何使div在该div中具有相同的图像大小?但是网站上的所有图片仍然具有一致的大小?

时间:2014-12-09 06:25:28

标签: javascript jquery html css image

所以,我有以下正确的

#footer {
    clear: both;
    font-size: .84em;
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
    text-align: right;
}

我想要一种方法让这个div下的所有图像都有一定的大小。

但是我的CSS代码确实有这个

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    height: 54px;
    width: 57px;
}

当我使用Visual Studios Split View编辑器调整图像大小时,会自动发生这种情况。你看到它很烦人,因为它改变了我的页脚div上的所有图像大小,(开始认为它改变了整个页面的所有img大小),我有社交网络按钮,最终大量!当我调整页面正文中图像的大小时。

我想保持我的社交媒体按钮很小,我的身体图像尺寸由我设定,比如255px×225px。

希望我能有所作为。

另外,如果你需要它,这是我的HTML

<div id="footer">
        <p>&copy; Copyright 2014 Music Club &minus; Design: Jade Powell</p>
        <img src="/images/facebook128.png" alt="Facebook" />
        <img src="/images/twitter128.png" alt="Twitter" />
        <img src="/images/google128.png" alt="Google" />
    </div>

1 个答案:

答案 0 :(得分:1)

应该是

这会设置images

下的所有#footer的样式
#footer img {
  border-style: none;
  border-color: inherit;
  border-width: 0;
  height: 54px;
  width: 57px;
}