爲什麼<td />中的長鏈接將寬度擴展爲100％？

這裏是我的表：爲什麼<td />中的長鏈接將寬度擴展爲100％？

<table width="600px"> 
    <tr> 
     <td width="75%"> 
     <p style="line-height: 140%; font-size: 15px; padding: 0 0 28px 0; margin: 0;"> 
       <a href="http://#SERVER_NAME#/auth/index.php?confirm_registration=yes&confirm_user_id=#USER_ID#&confirm_code=#CONFIRM_CODE#" style="color: #ca0049 !important;"> 
        http://#SERVER_NAME#/auth/index.php?confirm_registration=yes&confirm_user_id=#USER_ID#&confirm_code=#CONFIRM_CODE# 
       </a> 
      </p> 
    </td> 
     <td width="25%"></td> 
    </tr> 
</table>

來源

2013-03-16 Mike Silence

你期望什麼？你有很長的鏈接，這是表的默認行爲 - 它會擴展，並不尊重寬度。 – dfsq 2013-03-16 16:50:07

您錯過了元素。 – 2013-03-16 17:05:21

該鏈接的「文本」沒有任何字符，將允許在所有瀏覽器換行符，所以瀏覽器可能會覺得是被迫保持在同一行，延長的寬度細胞。現代瀏覽器通常會將一些特殊字符視爲允許在其後面換行，但它們以不正確的方式並以非文檔方式執行此操作。

最自然的解決方案是使用由自然語言詞組成的明智鏈接文本，例如「確認註冊」。

如果你確實必須有一個URL作爲鏈接「文本」（用於教學目的？），那麼最好用URL引用引號（或者按照STD 66附錄C中推薦的方式定界），並插入換行機會（零寬度空間或<wbr>標籤，參見http://www.cs.tut.fi/~jkorpela/html/nobr.html）在STD66可接受的位置，例如

http://#SERVER_NAME#/<wbr>auth/<wbr>index.php?<wbr>confirm_registration=yes&<wbr>confirm_user_id=#USER_ID#&<wbr>confirm_code=#CONFIRM_CODE#

來源

2013-03-16 17:22:19

爲什麼<td />中的長鏈接將寬度擴展爲100％？

回答

相關問題