html5自适应表格的简单介绍

如何设置HTML页面自适应宽度的table(表格)(一)

在Bigtree看来，比较习惯于用如下的方式来处理——在表格列数不是很多的前提下——将大部分列宽用固定值设置死，留下一列不设置宽度，将table的宽度设置为屏幕的百分比（譬如95%、98%等）。

可以在程式码编辑模式下直接输入500，或者你重新插入一个表格，按照你要的宽度进行设定。我估计是你的表格巢状太多，理不清它们之间的关系。

在中怎么设置表格的宽度 一般是用table width=xx 用来表示整个表格的宽度，单位是像素。用td width=xx表示单个表格内的宽度，单位是像素。

设置table的样式，宽度为width：100%，就能自适应了。

相关问答

Q1: html5自适应问题

1、html5中是通过css3的background-size来控制自适应的。

2、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

3、，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。

4、解决方案2：建议你看一下网上的教程或者案例，自己对比学习再写。

5、最好还是规范一下你的图片，然后把margin-left设置成图片宽度的二分之一，我改的这部分代码是为了适应你的换装图片，所以margin-left的值不是很规范。

Q2: 如何设置HTML页面自适应宽度的table

1、用table的话，宽度采用百分比，比如width=“98%”，表格居中align=“center”就可以了。\x0d\x0a用div的话，宽度仍然采用百分比，样式margin： 0 auto；就可以自动居中了。

2、可以在程式码编辑模式下直接输入500，或者你重新插入一个表格，按照你要的宽度进行设定。我估计是你的表格巢状太多，理不清它们之间的关系。

3、解决此问题的方法是：在定义表格时，追加style=table-layout：fixed；，这样做可以使半角连续字符强制换行，不至于撑破列宽。

4、/table在本例中，名为“说明”的列，内容比较长，个人认为可以将此列设置为浮动宽度列，用以自适应页面的宽度。

5、自然拉伸如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。

6、设置table的样式，宽度为width：100%，就能自适应了。

html5自适应表格的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、html5自适应表格的信息别忘了在本站进行查找喔。