Question

很抱歉，如果这是一个初步问题，但它已经占据了我的脑海，我在其他地方找不到答案。

我在几份文件中看到，在设计网页时使用table元素是一种不好的做法，因为智能手机无法正确呈现这些元素。

我试图遵循这个建议。但最近为了将一个元素集中在其父元素中，我被迫使用

 display:table;

和

 display:table-cell;

CSS中的

。

现在，我不知道这是否等同于使用关于移动友好指定的表元素。

非常感谢您阅读和清除主题。

P.S。

以下是我的结论，我希望主要不是基于意见的：

根据Mark提供的参考资料，基于所有主要移动（和桌面）浏览器支持table和table-cell的事实，我们可以说它没问题。

Answer 1

我认为使用带有类表的div和带有类td的一些div是个好主意对于细胞 E.g。

    <div id="table">
<div class="td">Something goes here</div>
    </div>

CSS:
.table{
border:2px solid red;
padding: 4px;

}

.td{
text-align:center;}
.td > *{
display:block;
margin:auto;
}

td类中的所有内容都居中（包括文本和其他所有内容} 这就是我使用.td＆gt;的原因。 *

Answer 2

使用display: table时遇到的问题与在小屏幕上使用实际表时的问题相同。

大多数数据表占用大量水平像素，因此当显示不是很宽时，不适合。

问题是由display: table造成的 - 如果你有它是无关紧要的，因为你使用CSS明确地设置它，或者你使用HTML来隐式设置它（即通过使用实际的表元素）

使用<table>表格数据。对于要以类似表格方式呈现的非表格数据，请使用display: table。如果结果不佳，请在小型显示器上测试结果并以其他方式使用媒体查询display。

如果您只是想要集中注意力，display: table应该没问题......但我会考虑改用Flexbox。

在为智能手机设计时，在css中使用表格和表格单元格是否可以？

2 个答案: