IE和Edge中的表格数据中有奇怪的V形符号

时间:2017-11-17 02:20:07

标签: javascript html css laravel-5.5

我在边界之前的数据右边的表格中看到了V形符号。

css没有任何图像,也没有任何异常,可能是javascript问题,jquery还是什么? 我不知道在这里发布什么,以下是html的示例:

<table cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered">
        <thead>
            <tr>
                <th>xxxxxxxxxx</th>
                <th>xxxxxxxxxxx</th>
                <th>xxxxxxxxxx</th>
                <th>xxxxxxxxx</th>
                <th>xxxxxxxx</th>
                <th>xxxxxx</th>
            </tr>
        </thead>

        <tbody>
                        <tr class="gradeX">
                <td>xxxxxxxx</td>
                <td>xxxxxx</td>
                <td>xxxxxxxxx</td>
                <td>xxxxxxxx</td>
                <td>xxxxxxxx</td>

                <td>xxxxxxxxxxx</td>
            </tr>

strange chevrons in IE and Edge

提前致谢,不确定还有什么要发布,请告知

1 个答案:

答案 0 :(得分:2)

我很难明确知道这些修复的问题是什么,因为我没有IE,但根据我对IE的经验,这几件事可能会解决问题......

1)您可能没有指定DOCTYPE。

如果没有doctype,IE将启动各种渲染故障。要解决此问题,只需在<html>标记之前的页面顶部添加有效的文档类型。

如果您不确定要使用哪种doctype,请使用HTML5 doctype - 它就像这样简单:

<!DOCTYPE html>

2)它也可能是溢出问题。如果单元格中的数据太多,IE可能会尝试添加滚动条,请尝试:

table {
    overflow: hidden;
}

3)如果是溢出问题且上述方法不起作用,表格超出它们的宽度可能很常见,这样就可以解决这个问题:

table{
  table-layout:fixed;
}

有关此问题的文件是here