Epllisis不在IE中工作

Question

我有一张桌子，如果文字更大，我已经添加了内联css来显示点。除了在IE9中，它在其他浏览器中工作正常

以下是我的代码

<table class="table table-bordered table-condensed hardware-software-table">
                            <tbody><tr style="background-color: #8A8A8D; color: #fff;">
                                <th style="width: calc(100% - 10px);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;">VendorName</th>
                                <th style="width: calc(100% - 200px);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;">Account No</th>
                            </tr>
                            <tr>
                            <td>1</td>
                            <td>2</td>

                        </tbody></table> 

请同时查看屏幕截图

Answer 1

你必须在你的html中做一些改变。为了获得更好的性能，你可以在里面使用span标签，它可以很好地工作并定义span标签的宽度。

<table class="table table-bordered table-condensed hardware-software-table">
                            <tbody><tr style="background-color: #8A8A8D; color: #fff;">
                                <th><span style="width: 100px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block;"">VendorName aASDASDASD</span></th>
                                <th ><span style="width: 100px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block;"">Account Number</span></th>
                            </tr>
                            <tr>
                            <td>1</td>
                            <td>2</td>

                        </tbody></table>