html - 使用固定的表格布局调整数据表列

Question

我有一个具有固定表格布局的表格。它看起来很好，除了一列，因为该列不显示两行数据。尽管有固定的表格布局，但其他列至少会自行调整。我需要解决这个问题的原因是因为这个表进入了 iframe。

这是它的样子。

客户电子邮件列超出了限制。我该如何解决这个问题？

表格

<table id="esignTable" border="0" cellspacing="0" cellpadding="0" style="width:100%;table-layout:fixed">
    <thead>
        <tr>
            <th align="center" class="fieldLabelCell">Line of Business</th>
            <th align="center" class="fieldLabelCell">Insured</th>
            <th align="center" width="15%" class="fieldLabelCell">Customer<br>Phone</th>
            <th align="center" width="16%" class="fieldLabelCell">Policy #</th>
            <th align="center" width="18%" class="fieldLabelCell">E-Sign<br>Created Date</th>
            <th align="center" width="12%" class="fieldLabelCell">Customer<br>Email</th>
            <th align="center" class="fieldLabelCell"># of E-Sign Documents</th>
        </tr>
    </thead>
    <tbody> ...

Answer 1

我发现了这个 CSS 技巧:

overflow-wrap: break-word; 

来自这个网站: CSS-Tricks

来自Chris Coyier

这将迫使长 URL 中断。我没有用你的东西试过，希望这有帮助。