2016-04-07 189 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非常感謝! –