0

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

该按钮是 position: absolute 所以它不应该影响文本位置。

我数据库中最长的电子邮件地址（到目前为止）是 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 中不起作用。在需要进行换行之前，我需要为隐私字段（密件抄送：）提供至少五个字符，然后是 36 个字符。

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

谢谢你

4

3 回答 3

1

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

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

你可以尝试两种风格。编辑尝试-ms-word-wrapIE9。

于 2012-12-16T17:18:41.700 回答
0

尝试给 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>
于 2013-03-11T16:38:50.370 回答
0

我把我的标签放在一个 div 中并赋予它最终工作的风格 

<div style="word-wrap: normal; word-break: break-all;">
<asp:Label ID="Label2" runat="server" Text='<%# Bind("REASON") %>'></asp:Label>
</div>
于 2015-09-22T08:03:11.630 回答