Question

我有一个隐私字段（值为To：或Bcc :)以及从我的数据库输出的电子邮件地址字段。我希望电子邮件地址始终位于收件人：/密件抄送：并且当电子邮件地址太长时，不会向下移动一行。

按钮位置为绝对值，因此不应影响文本位置。

我的数据库中最长的电子邮件地址（目前为止）长度为41个字符。

我已经使用此方法在电子邮件地址到达单元格末尾时将其中断，电子邮件地址的剩余部分在下一行继续：

<tr>
<td>Email:</td>
<td style="word-wrap: break-word"><?php echo $Privacy; ?> <span><?php echo $Email; ?></span> <button class="copy">COPY</button></td>
</tr>

...这在IE9中不起作用。我需要在隐私字段（Bcc :)中至少包含五个字符，然后在包装需要之前再使用36个字符。

我是否将CSS用于其他目的之外？文本换行似乎不再受支持。是否需要JavaScript或PHP来解决这个问题？

谢谢

Answer 1

在Internet Explorer以外的浏览器中 - 也许在IE9中 - 它是overflow-wrap。

<td style="overflow-wrap: break-word">

您可以尝试这两种风格。编辑为IE9尝试-ms-word-wrap。

Answer 2

尝试给td一个固定的宽度，然后将内容放入div中并应用样式。例如：

<td style="width:300px;">
    <div style="width:300px;overflow-wrap:break-word;">
        <?php echo $Privacy; ?> 
        <span><?php echo $Email; ?></span> 
        <button class="copy">COPY</button>
    </div>
</td>

Answer 3

我把我的标签放在一个div中并给它风格，它最终有效

<div style="word-wrap: normal; word-break: break-all;">
<asp:Label ID="Label2" runat="server" Text='<%# Bind("REASON") %>'></asp:Label>
</div>

自动换行：在IE9中无效的断字

3 个答案: