Question

尽管我已宣布display: block，但我的桌子以及其中任何内容都拒绝在iOS Chrome上投放<!DOCTYPE html>（V. 39.9.2171.50）。

事情就是这样：桌面Chrome上的表格显示正常。而且，在我工作的另一个网站上，桌面在iOS Chrome上运行良好。我已经多次检查过 - 没有相互冲突的样式（否则，它们也会在桌面浏览器上产生问题）。即使使用内联样式，表及其子表结构元素仍会显示用户代理定义的样式。我不知所措。除了doctype之外，任何人都可能知道什么，默认webkit会更喜欢表上的用户代理样式吗？

编辑：

<table class="test-table" style="display: block">
    <tbody>
        <tr>
            <td> Cell 1 </td>
            <td> Cell 2 </td>
            <td> Cell 3 </td>
        </tr>
        <tr>
            <td> Cell 1 </td>
            <td> Cell 2 </td>
            <td> Cell 3 </td>
        </tr>
        <tr>
            <td> Cell 1 </td>
            <td> Cell 2 </td>
            <td> Cell 3 </td>
        </tr>
    </tbody>
</table>

<style>
    .test-table, tbody, tr, td {
        display: block
    }
</style>
<script>
    (function($){
        alert($('.text-table').css('display')); // outputs: table;
    })(jQuery)
</script>

Answer 1

该类在html和css中称为“test-table”，但在js中使用“text-table”。这只是示例中的拼写错误吗？

另外，您可以使用css中的语句！important，如下所示：

我的另一个想法是直接设置表格对象而不是类，如下所示：

如果其中一些有帮助，请告诉我。 ;）

即使声明了doctype，iOS Chrome表也不会显示块

1 个答案: