0
我正在寻找解决令人厌恶的问题的方法,查看了以前的问题,但找不到工作解决方案。我对网站开发比较陌生,对于这样一个简单的问题我感到有些沮丧。希望你能帮助。 TIA。在div间创建水平空间
我有一个社会化媒体的div将显示图标和包含的脚本,但目前各社交媒体图标旁边或低于另一个没有白色的空间,它看起来很奇怪(http://www.keyadventures.co.uk - 页面的顶部) 。我试图让它们在每个图标之间有一个10px的空白空间。
页代码是:
<div id="socials">
<div class="fb-like" data-href="https://www.facebook.com/keyadventures" data-width="200" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
<div><a href="https://twitter.com/KeyAdventures" class="twitter-follow-button" data-show-count="false">Follow @KeyAdventures</a></div>
<div><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></span></div>
<div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/u/0/102297967569531161845" data-rel="publisher"> </div>
<div id="TA_socialButtonIcon437" class="TA_socialButtonIcon"><ul id="DgC9KwnBxX1r" class="TA_links HuiOsPByG"><li id="1UtO208Z0lf" class="aH1PNr1"><a target="_blank" href="https://www.tripadvisor.co.uk/Attraction_Review-g186326-d6132771-Reviews-Key_Adventures-Kendal_Lake_District_Cumbria_England.html"><img src="https://www.tripadvisor.co.uk/img/cdsi/img2/branding/socialWidget/20x28_green-21690-2.png"/></a></li></ul></div><script src="https://www.jscache.com/wejs?wtype=socialButtonIcon&uniq=437&locationId=6132771&color=green&size=rect&lang=en_UK&display_version=2"></script>
</div>
而且CSS代码是:
#socials {
float:left;
width:260px;
padding:5px 0;
font-size:13px;
height:85px;
}
#socials img{
padding:10;
margin:10;
}
感谢您的帮助。
SimonMc