爲什麼我在錨標籤中加入小衝刺？

<a href="service.html"> 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Sea Freight.png"/> 
</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="airfreight.html" > 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Air Freight.png"> 
</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="projectcargo.html"> 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Project Cargo.png"> 
</a> 
<br/> 
<a href="customclearance.html" > 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Custom Clearance.png"> 
</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="transportation.html" > 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Domestic Transportation.png"> 
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="thirdparty.html" > 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Warehousing and Distribution.png"> 
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</br> 
<a href="coastalcargo.html" > 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Coastal Cargo.png"> 
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="veseelchartering.html" > 
<img width="175" height="40" style="margin-left:20px; margin-top:10px; margin-bottom:10px;" src="image/Vessel Chertring.png"> 
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</br>

我已經通過在錨內使用img標籤來創建按鈕。爲什麼我在右角碰到小衝刺？爲什麼我在錨標籤中加入小衝刺？

在此先感謝

來源

2012-11-08 Akki

右上角是什麼？一個特定的圖像？每個圖像？你確定「破折號」不是圖像的一部分嗎？也許這是一個破碎的圖像，你只是看到「破碎的圖像」圖標的一個角落。 –

我的頭自旋看到這麼多' ＆nbsp' –

每個圖像中我得到這個錯誤 – Akki

沒有與錨<a>標籤關聯的默認text-decoration:underline。由於<a> </a>中有一個空格，因此下劃線就是您看到的那條線。

使用text-decoration:none上<a>，這應該解決它。

a { 
    text-decoration: none; 
}

來源

2012-11-08 14:50:07

不帶引號:)爲this..but它什麼確切原因 –

戴的帽子???爲什麼它給小行 – Akki

@Akki：每當有鏈接（''），瀏覽器默認給它'文字裝飾：下劃線'。 –

這似乎發生時：

閉合錨標籤是從元件
和錨定的可見文本的其餘部分的單獨線的圖像
並且您在同一行上有多個圖像
並且該錨點/圖像不是水平系列中的最後一個項目

在下面的例子中，你不會看到破折號第三和第五映像之後，但在其他圖像將顯示一個破折號圖像/鏈接的權利：

<p> 
 
\t <a href="#"> 
 
\t <img src="image.jpg" alt="Test 1" /> 
 
\t </a> 
 

 
\t <a href="#"><img src="image.jpg" alt="Test 2" /> 
 
\t </a> 
 

 
\t <a href="#"> 
 
\t <img src="image.jpg" alt="Test 3" /></a> 
 

 
\t <a href="#"><img src="image.jpg" alt="Test 4" /> 
 
\t </a> 
 

 
\t <a href="#"><img src="image.jpg" alt="Test 5" /> 
 
\t </a> 
 
</p>

我無法找到任何信息來說明這是否違反了關於在多行中拆分元素的HTML規則。我在Chrome，Firefox和IE 11中複製了相同的問題。

我只能猜測在圖像後面添加了空格，因爲結束標記位於單獨的行上。這與上面給出的答案有關 - 空間被自動添加下劃線。但是我不知道爲什麼在圖像之後添加空間，而不是在文本之後添加空間，或者爲什麼只有當圖像位於同一行時纔會發生這種情況。

來源

2015-02-21 19:05:22 Jake

<a>是一個內聯元素。如果在封閉元素和</a>元素之間留出空間，它將自動格式化，並帶有下劃線。

來源

2016-10-06 20:53:08

爲什麼我在錨標籤中加入小衝刺？

回答

相關問題