多语言展示
当前在线:1472今日阅读:23今日分享:25

如何修改为知笔记中表格使其随设备自动调整宽度

不知道产品经理怎么想的,最新版的为知笔记(4.4.9)中把表格宽度可变的功能去掉了,把原本已经弱爆了的表格功能搞成了彻底的渣渣。对于每天用手机写晨间日记、并且刚刚修改了笔记模板的人,在见到超出手机屏幕宽度、需要拖动的表格行时,那种虐心简直了。还好机智的小编是学过html的,通过手动修改笔记的html代码顺利解决了问题。在产品经理反省之前,如果你也不想放弃为知笔记的表格的话,不妨看看要怎么解决这个表格宽度固定的问题。
工具/原料

为知笔记

问题描述
1

为知笔记4.4.9版本中,不论是在笔记中创建表格,还是从excel等软件中复制过来的表格,通通变成了宽度固定的。这个宽度固定是指,表格修改并保存后,在其他设备上不能自适应地调整宽度。在PC上新建笔记,并插入表格,然后调整宽度到方便编辑的尺寸,保存。如图:

2

同步后,在手机上编辑或查看时,宽度将超出手机屏幕:END

解决方案
1

首先,通过编辑工具栏上的表格按钮插入表格,进行增加行/列、拖动宽度、输入文字图片等编辑操作,完成表格内容的输入。然后,点击工具栏上的html按钮,进入到笔记的html代码界面。

2

根据表格第一行的文字,找到表格所在的标签(在文字前面一点的位置)。看到中style=”width:后面的带有px单位的这个字符串,因为它将表格的宽度固定到了XXpx。修改XXpx为100%,如同

这种形式。

3

再次点击工具栏的html按钮,返回笔记普通编辑界面。这时候,表格已经变成了随设备自动调整宽度的了。

4

同步到手机上,我们可以看到表格宽度自动调整为了手机屏幕的宽度。

注意

以上仅采用单列表格进行说明,如果是多列的表格,操作是一样的,也是调整table标签中style的width属性为100%。有一点需要注意,如果在修改table标签后,又进行了增加列、删除列或平均分配各列等操作,表格会自动保存为固定宽度的,即width会又变成实际的px值而非100%。因此,最好在所有操作都完成后再进行修改。END

建议
1

如果以后要经常新建类似的笔记,最好将修改完成的笔记保存为模板,或者保存一份空白无内容的笔记以便复制使用。点击分享按钮,另存为模板。

2

但是个人模板无法在移动端使用,因此还是建议保存一份空白无内容的笔记以便复制使用。在PC上是右键笔记,选择添加到快捷方式。

3

在手机端,在菜单>快捷方式中可以找到已经被添加为快捷方式的笔记,点击打开笔记后,即可复制为新笔记。END

推荐信息