在线咨询
微信咨询
服务热线
服务热线:15639912513
TOP
当前位置:
首页 > 新闻中心> 前端设计>如何自适应布局table

如何自适应布局table

发布时间:2019-10-24 浏览:5731次

如何自适应布局table?

相信很多人都遇到过这个问题!关于这个自适应布局table的解决,兴弘海科技有以下办法。

那就是,把table的定义宽度取消,换成width="100%",然后把table里面每个td的定义具体宽度取消,换成对应的百分比。

紧接着,下面是一个页面里面table的具体布局办法和截图。

bn35.png

这个图就是table布局的结果!那么具体里面的代码是如何写的呢?请看下图。

bn35.png

如果有兴趣的朋友,想看下这个页面,请点击高端网站定制

那么,在手机移动端,table布局好后,是怎么样的效果呢?请看下面的图片。

bn35.png

最后总结下,自适应布局table和自适应布局div是一个道理,因为table和div都是一个基本单位,只不过一个是表格布局,一个是块布局。想要自适应布局好,主要是不能有具体宽度的定义!

TAG
5731
该内容对我有帮助