设置锚标签宽度

我已经在这里尝试了几个答案，一直未能找到正在发生的事情。设置锚标签宽度

我正在做一个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

现在，我已经试过很多事情，在img a ccs中，我放置在块，内联块，并且我总是得到相同的结果。

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

下面是关于IMG的CSS：

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

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

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

来源

2016-01-21 Daniel Sepúlveda

这是相当困难来帮助你，当你只有提供的图像和代码有点用。该页脚有很多事情发生，这可能是导致你的问题的一些事情。你能够提供更多的代码，或者做一个jsfiddle或plunkr吗？ –

在控制台视图中，开始检查并取消选中CSS规则，直到找到引起问题的规则。 –

但是，要猜测，我会说你也可能只是想设置边距和填充为0。 –

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

或者在CSS中添加一个类，其位置如下： position：absolute;

来源

2016-01-21 19:03:10

我会与下面的样式规则开始：

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

来源

2016-01-21 19:06:52 Rounin

我想我明白这一点，为什么......可以放在styles.css文件的任何位置？ –

它非常具体，因为它将_only_应用于作为'textwidget'类的元素的直接子元素的'div'的直接子元素，所以很可能是。声明越具体，其在瀑布中的位置就越不重要。 – Rounin

试过...但没有工作...... :( –

设置锚标签宽度

回答

相关问题