自動換行：斷詞在IE9中不起作用

Question

我有一個隱私字段（值為To：或密件抄送：）和一個從我的數據庫輸出的電子郵件地址字段。 我希望電子郵件地址始終位於“收件人：/密件抄送：”之后，並且不要在電子郵件地址過長時向下移動一行。

該按鈕為position：絕對位置，因此不應影響文本位置。

我的數據庫上迄今為止最長的電子郵件地址是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的Try -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>