css - 社会图标被一起阻止(WordPress CSS)

标签 css icons block social

我设法在菜单旁边的标题中获得了“社交按钮”,但是它们之间的距离太远了。有谁知道如何将它们彼此相邻添加?我添加了display:block;但没有运气。
http://cardfun.com.au/beautybyjen/

CSS是:

.nav{
float:right;
margin-top:5%
}

.nav a{
display:block;
float:left;
margin-right:245px;
}

.nav a:hover{
box-shadow: 0px 0px 10px #ff6600;
}

最佳答案

您的代码:

.nav a{
    display:block;
    float:left;
    margin-right:245px;
}


右边距为245px。可以通过删除边距或将其设置为0来解决此问题。然后您可以自己调整间距:

.nav a{
    display:block;
    float:left;
    margin-right:0px;
    }

关于css - 社会图标被一起阻止(WordPress CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25111516/

相关文章:

css - 幻灯片动画在 Firefox 25.0 中不起作用

ruby - 有人可以解释 Ruby 在 block 中使用管道字符吗?

magento - Magento 类(class)的长度有限制吗?

html - <button> 内有 <i> 的额外空间

function - 如何在 PowerShell 函数中将函数指定为脚本 block 参数的默认值?

javascript - 两列菜单的 Material Design Lite 示例 - 在 Chrome 中不起作用

html - 从 Div 中的 CSS 类中排除元素

angularjs - 在 ng-repeat 元素内的新行上的表格中显示 tr 的最后一个 td

android - 如何在 HERE SDK 中获取 Turn By Turn 指令中的文本和图标

android - 在eclipse中制作android图标的透明背景