2016-04-07 60 views
1

我有下面的代码,我想删除社交图标上方的空间,我不知道在社交图标启动之前从/ div结束的位置。我该如何解决这个问题?

事情是这样的形象会被期望的结果:http://prntscr.com/ap7ai7

<strong><div style="margin-top: 10px;">© 2016 RIESEN-PRINTMEDIA   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;UID-Nummer CHE-356.597.965 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IBAN: CH25 0070 0115 8002 6948 8 ZKB - Zürich</strong></div>

回答

1

你应该第一个div float: left如果你希望他们能在一个符合包含社会图标的DIV :

<div style="margin-top: 10px; float: left;">© 2016 RIESEN-PRINTMEDIA (...) 

另外你应该使用CSS marginpadding用于制作元素之间的空格而不是使用很多&nbsp;个实体。

例如,添加一个CSS类中定义样式的所有页脚文本元素:

div.footerText { 
    padding: 10px 50px 0px; 
    float: left; 
} 

然后通过关闭单独的DIV的所有文本与这个新的CSS类更改HTML(和先移除左填充一个拥有它的左侧):

<div class="footerText" style="padding-left:0"><strong>&copy; 2016 RIESEN-PRINTMEDIA</strong></div> 
<div class="footerText"><strong>UID-Nummer CHE-356.597.965</strong></div> 
<div class="footerText"><strong>IBAN: CH25 0070 0115 8002 6948 8 ZKB - Zürich</strong></div> 

您将得到类似于当前的风格,而又没有过度使用&nbsp;的实体,您可以通过easliy在CSS类修改padding操纵的空间。

+0

@wilk你可以给我一个边缘或填充我上面的代码的例子吗? –

+0

@UhlHosting我用一个例子说明了如何在CSS中使用填充而不是' ' – Wilq

+0

@Wilk非常感谢! –