手机中table显示页面能横向怎么加下拉条

hxm_admin 2016-04-12 11:20:14

手机中table显示页面能横向怎么加下拉条？

...全文

116 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

bdmh 2016-04-12

打赏
举报

回复

可以用popwindow或者spinner实现

在H5项目中，遇到服务端返回的富文本协议或隐私政策包含表格，可能导致表格超出页面宽度。针对此问题，提出了两种解决方案：一是允许页面横向滚动，但会使页面显得宽松；二是通过CSS调整table样式，使其宽度适应页面并自动折行。讨论了包裹table的div横向滚动方案，并强调了需要前端处理富文本的实际情况。

本文介绍了一种使用纯CSS2实现的响应式表格布局方案，该方案可在手机和平板设备上自适应显示表格内容，有效解决因表格宽度导致的页面撑大问题。文中提供了一个实例链接并说明了该方案在不同浏览器上的兼容情况。

在手机端页面设计中，通过设置table-layout为fixed和white-space为nowrap，配合text-overflow: ellipsis，可以实现无论文本长度如何，都限制为一行显示并隐藏多余内容，避免横向滚动条的出现。

文章指出移动端手机网站优化并非PC网站简单复制，需精简设计与合理优化SEO。在页面设计上要适配屏幕、简化结构等；内容设置要区分标签、保证一致性等；性能优化要控制加载时间、减少请求数等，同时需考虑用户网络速度与体验。

本文介绍了一种在手机网站数据展示中遇到的问题及解决方案，即通过双Table布局来实现数据所有者信息固定显示，便于用户在滑动查看大量数据时仍能快速关联数据与所有者。

80,490

社区成员

91,375

社区内容

发帖

与我相关

我的任务

androidandroid-studioandroidx 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章