求救:hmtlCss处理长表格在epub电子书中滚动条失效

dublove 2018-01-10 05:00:23
我在做一本手机上看的电子书(epub格式)
里边的边很长很宽,需要用滚动条显示,我用sigil这个软件做的,预览是有滚动条的,但整到手机上就没法出现
文件地地址:
http://www.fileconvoy.com/dfl.php?id=gb6d4debfffa2ce2c10000500246ca898d5934680bc
有能解决的,红包不会少,我QQ57400673
--------------曾经的代码-------------------------
PC管用,手机无用

/*表格控制*/

table
{
margin:0 auto;
border-collapse:collapse;
border-collapse: collapse;
}

table {display: block; width: 100%; clear: both;height:100%;table-layout:fixed;}


td, th
{
vertical-align:center;
padding: 0.3em 0.7em;
border: 1px solid #999;
font-size:0.6rem;
min-width:140px;
max-width:1200px;

word-break: break-all;
word-wrap:break-word
}
/*特例,防td撑破
.nb{word-break: break-all; word-wrap:break-word; width:800px;}
*/

tbody {display: block; display: -webkit-box; width:auto;overflow-x: auto; overflow-y: hidden;white-space: normal;
}

.table-responsive
{
width: 100%;
height:100%;
overflow-y: hidden;
overflow-x: auto;

_overflow: auto;
margin: 0 0 1em;

}

.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}
...全文
479 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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