2

下面给出的示例

 <div id="SocialMediaBadges">

    <a href="http://www.facebook.com/liftedattire">
        <img src="facebook.png"/>
    </a>
    <a href="http://www.twitter.com/liftedattire">
        <img src="twitter.png"/>
    </a>
    <a href="http://www.instagram.com/liftedattire">
        <img src="instagram.pdf"/>
    </a>

</div>

然后让css将它们与这样的东西对齐？我已经尝试了代码，但不幸的是，它没有用。我可以单独对它们进行编码，但这似乎更有效率。

#SocialMediaBadges {
   float:left;
   width:120px;
   height:90px;
   margin:5px; 
}
4

3 回答 3

1

试试这个：

#SocialMediaBadges img{
    float:left;
    width:120px;
    height:90px;
    margin:5px; 
}

工作示例

注意：如果你想在一个元素中处理一个元素，你可以通过在 css 规则中附加元素来实现。

例如，将处理嵌套在元素中的元素#id_name div p a内的所有链接，该元素也嵌套在 id = id_name 的元素中pdiv

于 2014-01-27T09:02:46.203 回答
1

试试这个

#SocialMediaBadges a img{
    float:left;
    width:120px;
    height:90px;
    margin:5px; 
}

你也不能把pdf放在html中 <img src="instagram.pdf"/>

于 2014-01-27T09:04:11.900 回答
0

img 可以嵌套在 div
中，下一个 HTML 元素可以嵌套在 div 元素中

于 2014-01-27T18:53:12.617 回答