gpt4 book ai didi

html - 即使声明了文档类型,iOS Chrome 表格也不会显示 block

转载 作者:塔克拉玛干 更新时间:2023-11-02 08:37:26 27 4
gpt4 key购买 nike

我的 table 和里面的任何东西都拒绝 display: block在 iOS Chrome (V. 39.9.2171.50) 上,尽管我已经声明了 <!DOCTYPE html> .

事情是这样的:表格在桌面版 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>

最佳答案

该类在 html 和 css 中称为“test-table”,但在 js 中您使用“text-table”。这只是示例中的错字吗?

此外,您可以在您的 CSS 中使用 !important 语句,如下所示:

.test-table, tbody, tr, td {
display: block !important;
}

我的另一个想法是直接为表对象而不是类设置样式,如下所示:

table, tbody, tr, td {
display: block !important;
}

如果其中一些有帮助,请告诉我。 ;)

关于html - 即使声明了文档类型,iOS Chrome 表格也不会显示 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27494170/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com