Question

我在这里尝试了几个答案，但未能找到正在发生的事情。

我正在制作一个wordpress网站，我有一些知识，但我不是专家，我没有成功完成我正在寻找的东西。

这是交易，我试图将社交图标放在网站的页脚（wordpress，主题）。当我放置图像时，它看起来像是打算这样做：

The left column shows the icons properly aligned

一旦我开始放置这样的锚标签（只有一个图标有锚标签）：

<div>
    <a href="[full link to your Facebook page]"> 
        <img title="Facebook" src="http://fundacionhonrarlavida.eu/wp-content/uploads/2016/01/1453371609_Facebook.png" alt="Facebook" width="35" height="35" />
    </a>
    <img title="Twitter" src="http://fundacionhonrarlavida.eu/wp-content/uploads/2016/01/1453371295_twitter_social_media_online.png" alt="Twitter" width="35" height="35" />
    <img title="YouTube" src="http://fundacionhonrarlavida.eu/wp-content/uploads/2016/01/1453416978_youtube.png" alt="YouTube" width="35" height="35" />
    <img title="LinkedIn" src="http://fundacionhonrarlavida.eu/wp-content/uploads/2016/01/1453417011_linkedIN.png" alt="LinkedIn" width="35" height="35" />
    <img title="Mail" src="http://fundacionhonrarlavida.eu/wp-content/uploads/2016/01/1453417082_mail.png" alt="Mail" width="35" height="35" />      
</div>

有一个链接的那个占用整个行并将其他行移动到下一个行。

我尝试检查移动的图标，并根据此图像实现，这是占据整个空间的锚属性，因为图像尺寸合适：

Is the Anchor tag that is taking the whole space

现在我已经尝试了很多东西，在ccs的img中，我将显示放在块，内联块中，并且我总是得到相同的结果。

Jus作为测试，我尝试使用社交图标的插件，图标也垂直显示。

这是关于img的css：

a img, a {
    display: inline-block 
    border: none; 
    outline:none; 
} 
a {
    outline:none; 
    text-decoration: none; 
    color:#525252;
}

我也创建了一个类.footer a，我在其中指定了锚的大小，但它没有帮助。

你能指出我正确的方向吗？

Answer 1

尝试在“内联元素”中使用： style =“position：absolute;”

或在CSS中添加一个具有以下位置的类： position：absolute;

Answer 2

我将从以下样式规则开始：

.textwidget > div > a {
display: inline-block;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
}

设置锚标签宽度

2 个答案: