iOS Safari将<table>从display: table；更改为display: block；
iOS Safari将<table>从display: table；更改为display: block；是指在iOS Safari浏览器中，将<table>元素的CSS样式属性display的值从table更改为block。
<table>是HTML中用于创建表格的元素，它可以包含多个行（<tr>）和列（<td>或<th>）。通过设置display属性，可以控制元素的显示方式。display: table；表示将<table>元素作为表格显示，而display: block；表示将<table>元素作为块级元素显示。
这个改变可能会对表格的布局和样式产生影响。当<table>元素的display属性为table时，它会按照表格的特定规则进行布局，例如自动调整列宽和行高。而当display属性为block时，<table>元素将按照块级元素的规则进行布局，不再具有表格的特性。
这个改变可能会影响到使用CSS样式对表格进行布局和设计的网页。如果网页中使用了display: table；来实现特定的表格布局，当在iOS Safari浏览器中打开时，可能会导致布局错乱或显示异常。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云Web+：https://cloud.tencent.com/product/twp
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储 COS：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云智能视频分析：https://cloud.tencent.com/product/vca
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
相关·内容
我在iOS上的Safari中遇到了<table>元素的问题。我想将一个表更改为display:block;，但似乎无法将其从display: table;中移开。)，它是display: table;，我无法用display: block;覆盖样式。important，它似乎应该被捕获，但在Safari的computed选项卡中，它仍
浏览 18提问于2017-01-13得票数 2
回答已采纳
3回答
这在FF上运行良好，但在Ipad上的Chrome或Safari上就不行了。更直观的例子：DATA1 | DATA2 | DATA3DATA2非常感谢<head>
浏览 0提问于2012-05-12得票数 20
回答已采纳
1回答
我在一行中有一串按钮，内容垂直居中： width: 18%; height: 160px; display: table;}
display: table-cell; vertical-align: middle;但出于某种原因，这些按钮在移动浏览器上观看时不尊重页边距( iOS 8.3
浏览 7提问于2015-06-26得票数 2
回答已采纳
iOS6上的Safari似乎以不同的方式对待display:table (与iOS5上的Safari和我的PC上的Safari相比)。在iOS5上，display:table强制将div放入box-sizing: border-box mode中，并忽略任何覆盖框大小调整的尝试。在iOS6上，display:table强制div进入box-siz
浏览 2提问于2012-09-21得票数 4
3回答
这只发生在iPad视网膜和非视网膜iOS 5和6上。
对于记录，同样的事情也发生在display as table-cell上。
浏览 2提问于2013-03-11得票数 10
HTML： <div> </div> <div> display: table;
z-index: 5; /* So that other elements can be put above or below this.
浏览 12提问于2015-04-16得票数 2
回答已采纳
2回答
Chrome和Safari完美地做到了这一点-- Internet Explorer10做不到。 border:1px solid #000000; height:200px; display: table-cell;}
max-width:100%;}
尝试在C
浏览 25提问于2013-05-06得票数 2
因此，我将在单击其他两个选项时更改childDiv的可见性(从display: none到jQuery.css())，并在单击exception选项时将其更改为display: block。当我更改复选框选项时，childDiv将变为隐藏状态。但是，当我希望它可见时，它不会再次显示回来。","block"); if(jQuery(this).val()=="2")
浏览 3提问于2013-04-03得票数 3
回答已采纳
在使用一些代码时，我遇到了以下情况，在table标签上切换会将属性样式设置为"display: table“而不是"display: block”。根据我的理解，切换仅将显示设置为“无”或“块”。代码如下：<table class="displayReviews"&g
浏览 1提问于2015-09-19得票数 0
2回答
如何使两个元素在固定宽度内适合inline-block？ border: 1px red solid; white-space: nowrap;.inline-block-1{ border: 1px blue solid;
浏览 0提问于2015-08-17得票数 2
回答已采纳
2回答
谁有一个似乎是Safari bug的解决方案？将转换CSS应用于表格内容时，标题会跳到表格的末尾。请参阅codepen：
<table> Caption <thead> <th></th> <tr onclick="collapse(this)">
&
浏览 0提问于2018-04-16得票数 1
下面的源试图将一个简单的背景色覆盖到一个表格单元格上，在带有display: table的div下面嵌套一组div元素。只有标记为playbtn类的表单元格才有覆盖。这似乎不是Chrome，Safari，IE9+的问题。当我将CSS显示值从table-cell更改为inline-block时，我相信我得到了我想要的行为，但我并没有进一步研究它；我需要display: table-cell来正确地管理
浏览 5提问于2013-07-24得票数 3
回答已采纳
1回答
$('table').on('scroll', function () { min-width: 100%; overflow-x: scroll;table thea
浏览 0提问于2018-07-30得票数 2
回答已采纳
我的问题是，在Safari中，位置粘滞在表单元格中不起作用。有没有办法保留表格(因为第二列设置了侧边栏上的自动高度)，并将侧边栏内容放在顶部？ width: 100%;} vertical-align: top;.second { position: -webkit-sticky; height: 200px;
background: #0
浏览 1提问于2015-01-27得票数 5
1回答
问题：我有一个错误，它只发生在Safari中，而不是任何其他浏览器(返回到IE8)中。它不是由实验/不支持的特性引起的，因此特征嗅探不是一个解决方案。本质上，它似乎不正确地实现了display:hidden & display:table。
我考虑过为Safari加载一个单独的样式表，但是浏览器嗅探的不可靠性不是我想要依赖的。详细信息：我有一个文本框，该文本框将在另一个元素的悬停上应用display:hidden。文本框不再呈现，但似乎正在与页面上的其他元素进行交互，因
浏览 2提问于2015-07-23得票数 2
回答已采纳
4回答
我正在修补我的站点，我试图在没有运气的情况下对以下代码进行水平对齐：nav ul li { text-align:center;请有人告诉我，如何使菜单中心，这样我就可以得到以下输出？
浏览 10提问于2016-06-16得票数 0
回答已采纳
0;} vertical-align: top; display: table-cell; width: 150px; background-color: #00ace6;
-webkit-border-bottom-left-radius
浏览 0提问于2016-08-24得票数 0
1回答
在我的导航菜单中，我将li设置为100%高度，以便文本在菜单中垂直居中。这在Chrome，Firefox，Safari等浏览器上工作得很好，但是在IE中它并没有拉动这个CSS。: block; position: absolute; right: 0;}
display: table;
浏览 2提问于2013-10-22得票数 0
回答已采纳
在加载时，我将表的每一行都设置为display:none，因为我有很多javascript处理要做，我不想让用户在处理过程中看到它。如果我设置了display:block，它就不会与headers (th)对齐。我找到的唯一解决方案是来自css2的display: table-row，但IE7及更低版本不支持此声明。
浏览 1提问于2010-08-19得票数 48
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
