Question

这是我的表：

<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>

Answer 1

链接的“文本”没有允许在所有浏览器中换行的字符，因此浏览器可能会感到被迫将其保留在一行并扩展单元格的宽度。现代浏览器通常会将某些特殊字符视为允许在其后使用换行符，但它们会以不一致的方式执行此操作。

最自然的解决方案是使用合理的链接文本，包括自然语言单词，例如“确认注册”。

如果你真的必须有一个URL作为链接“text”（用于教学目的？），那么最好将URL包装在引号中（或按STD 66附录C中的建议分隔）并插入换行机会（零宽度空格或<wbr>标签，见http://www.cs.tut.fi/~jkorpela/html/nobr.html）在STD 66可接受的位置，例如

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

为什么扩展宽度中的长链接为100％？

1 个答案: