在html鏈接和徽標之間添加一個空格

我試圖在圖片徽標和鏈接之間添加一個空格。不知道該怎麼做。我試着在文本中添加空間，但沒有工作（> FAA/ATC NEXT DAY PLAN）我後臺的人，但有時需要惹前端:(在html鏈接和徽標之間添加一個空格

<tr> <td> <img src="images/page_white_acrobat_small.png" align="absbottom" /> <a style="font-size: 12px" href = ""onclick="Popup.open({url:'PERTI_Plan.pdf',width:800,height:500,resizable:'yes', separateWindow:true});">FAA/ATC NEXT DAY PLAN</a></td></tr>

來源

2017-08-03 Hariom Singh

使用而不是空格 –

@yogendarji餘量可能是一個更好，更清潔和更普遍的解決方案。 – Trent

不幸/幸運的，因爲你現在已經意識到，多個空格不會保留在HTML佈局中。

當談到格式化時，CSS是你的朋友。另外您也可以此規則添加到您的樣式表，

tr td img { 
    margin-right: 1rem; 
}

，如果你沒有一個樣式表，嘗試添加內嵌樣式到您的圖像標記，如下所示，

<tr> 
    <td> 
    <img src="images/page_white_acrobat_small.png" style="margin-right: 1rem;" align="absbottom" /> 
    <a style="font-size: 12px" href = ""onclick="Popup.open({url:PERTI_Plan.pdf',width:800,height:500,resizable:'yes', separateWindow:true});">FAA/ATC NEXT DAY PLAN</a> 
    </td> 
</tr>

注意這裏我已將style="margin-right: 1rem"添加到您的代碼中。這會將此CSS規則直接應用於該標記，並在右側添加大小爲1 rem的邊距。

來源

2017-08-03 16:39:14 Trent

它工作只是改變了1 rem到0.2 rem –

什麼是rem？ ..如果我將圖像右移一點 –

太棒了！查看任何在線文檔以獲取有關「rem」的解釋。您當然可以用百分比或px值替換它。 – Trent

白在源代碼中的空間將被截斷，而是使用保證金的圖片或鏈接。

如

img { 
    margin-right: 2em 
}

來源

2017-08-03 16:37:08 j08691

你需要GI VE這裏一定的餘量給圖像和鏈接之間的空間，你可以給margin-left到a

td a{ 
    margin-left: 1px; 
}

或margin-right到img

td img{ 
    margin-right: 1px; 
}

來源

2017-08-03 16:37:28 Dij

你有幾夭的方式來做到這一點：

的更好的解決辦法是通過CSS你可以做：

td img{ 
    margin-right: 10px; 
}

但如果你這樣做，你會影響你的頁面的所有td img。在這種情況下，我建議你在你的td上放一個類來隻影響這個元素，如果你有這種類型的文件列表會更好。

<tr class="fileMoreIcon"> 
<td> 
<img src="images/page_white_acrobat_small.png" align="absbottom" /> 
&nbsp; 
<a ...........

，並在CSS

.fileMoreIcon img{ 
    margin-right: 10px; 
}

另外一個辦法就是增加一個HTML空格字符 

<tr> 
<td> 
<img src="images/page_white_acrobat_small.png" align="absbottom" /> 
&nbsp; 
<a style="font-size: 12px" href = ""onclick="Popup.open({url:PERTI_Plan.pdf',width:800,height:500,resizable:'yes', separateWindow:true});">FAA/ATC NEXT DAY PLAN</a> 
</td> 
</tr>

來源

2017-08-03 16:38:14

在html鏈接和徽標之間添加一個空格

回答

相關問題