【教程】萌新表格排版教学（随便打了个前缀hhh）

[星霜の言葉]

12 分钟前, mylifeyouwill 说道:

不要，嘿嘿嘿

好的，那第二个问题

表格宽度按住CTRL之后点鼠标右键，把表格大小调整至750px的话，电脑端看着会比较舒服，但是手机端仍然会出格

所以可以加上一个淡色的背景底色来规避，或者继续缩小表格大小

[乱跑的泰兰德]

刚刚, 星霜の言葉 说道:

好的，那第二个问题

 表格宽度按住CTRL之后点鼠标右键，把表格大小调整至750px的话，电脑端看着会比较舒服，但是手机端仍然会出格

 所以可以加上一个淡色的背景底色来规避，或者继续缩小表格大小

750px吗。那行，我去调整一下。

因为我自己是电脑端，但是。。。我感觉980px舒服一点，看起来是屏幕自动增加了一部分的原因。。

[lucisobri]

来啦

从PC端看。整体倾向右边，，

最大的表格还是出屏幕外~

不过这是正常的吧 

[星霜の言葉]

4 分钟前, mylifeyouwill 说道:

750px吗。那行，我去调整一下。

因为我自己是电脑端，但是。。。我感觉980px舒服一点，看起来是屏幕自动增加了一部分的原因。。

可能是浏览器或者其他原因，不过论坛最大宽度是1000px

舍去头像之类的图片、插件占比之后，我测试下来750px是个人很喜好的大小

1000的话，手机端可能会炸掉

[星霜の言葉]

5 分钟前, lucisobri 说道:

来啦

从PC端看。整体倾向右边，，

最大的表格还是出屏幕外~

不过这是正常的吧 

不哦，宽度超出了排版允许的范围才会出去的

觉得奇怪的话就不算正常

[乱跑的泰兰德]

6 分钟前, lucisobri 说道:

来啦

从PC端看。整体倾向右边，，

最大的表格还是出屏幕外~

不过这是正常的吧 

多谢哦~~~~~~~~

[乱跑的泰兰德]

5 分钟前, 星霜の言葉 说道:

可能是浏览器或者其他原因，不过论坛最大宽度是1000px

舍去头像之类的图片、插件占比之后，我测试下来750px是个人很喜好的大小

1000的话，手机端可能会炸掉

所以现在调整了，昨晚上看黑羊说的650，我还以为是打错了呢。。。。

[乱跑的泰兰德]

26 分钟前, 格林的黑羊 说道:

黑羊并不建议980，因为980在某主题下看起来真的很不舒服

有比较明显的出界

黑羊也做过类似测试

 

800居中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t

 

850局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1

 

900局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v123

 

950局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v1234w1234

 

1000局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v1234w1234x1234y

 

唉，原来是个人PC的原因。。。。我这边可能显示的不大一样呢。。。

这样的话，应该确实是650和750比较合适呢

应该的话，650可能连手机端都可以完美匹配吧

 

二月 17, 2019，由mylifeyouwill修改

[lucisobri]

3 分钟前, 星霜の言葉 说道:

不哦，宽度超出了排版允许的范围才会出去的

觉得奇怪的话就不算正常

对排版不是很了解。。。

意思是应该在显示器的 显示范围以内 才合格

如果拉动滚动条 进行阅读 就不算完美嘛

[lucisobri]

1 分钟前, mylifeyouwill 说道:

多谢哦~~~~~~~~

0。0我还以为我的屏幕不够宽。。

是打算把整个文档压缩在限定范围内么？

 

[星霜の言葉]

12 分钟前, lucisobri 说道:

对排版不是很了解。。。

意思是应该在显示器的 显示范围以内 才合格

如果拉动滚动条 进行阅读 就不算完美嘛

也不会哇，每个人的看法都不一样的，也没有“完美”这样的说法

有人喜欢看短篇，有人喜欢追长更，一个道理ww

所以按着自己想的写，别人提出改进的方式之后，自己衡量一下再改，会是一个比较好的结果哇

[乱跑的泰兰德]

11 分钟前, lucisobri 说道:

0。0我还以为我的屏幕不够宽。。

是打算把整个文档压缩在限定范围内么？

 

嗯，是打算压缩在谁都比较舒适的状态，但是目前看来应该还是黑羊大大说的650px。

是最好的选择= =、

[Kami丶米]

1 小时前, 河城乃藥 说道:

我好像看到了有個笨米想被吃

难得有机会可以艾特南瓜的，啃南瓜头

[lucisobri]

刚刚, 星霜の言葉 说道:

也不会哇，每个人的看法都不一样的，也没有“完美”这样的说法

有人喜欢看短篇，有人喜欢追长更，一个道理ww

所以按着自己想的写，别人提出改进的方式之后，自己衡量一下再改，会是一个比较好的结果哇

就观感来看。

广场置顶的 情人节活动的宣传贴。 排版看起来就很舒服。

长长一条下来。~

而太宽的 需要拉过来 拉过去的看。。。

言叶 大大 也是美工组 出身哇

[lucisobri]

刚刚, mylifeyouwill 说道:

嗯，是打算压缩在谁都比较舒适的状态，但是目前看来应该还是黑羊大大说的650px。

是最好的选择= =、

看看 广场 置顶的那个 情人节活动 的排版~

喜欢么？

长长的下来。看起来很舒服。。

你想的效果是不是那种呀

[格林的黑羊]

3 分钟前, mylifeyouwill 说道:

嗯，是打算压缩在谁都比较舒适的状态，但是目前看来应该还是黑羊大大说的650px。

是最好的选择= =、

个人其实是不太喜欢表格排版的，650也只是个人的妥协

假如有更好的方法，吾辈是绝对不会用表格的w

二月 17, 2019，由格林的黑羊修改

[Kami丶米]

1 小时前, bdxxd 说道:

 恩....既然這麼多了，感覺也不需要多餘的咱去哇....

而且如果咱們過去，不是會反而讓他們部分助手績效下降嗎? 

所以说素“替补助手”/“外援”，没有绩效一说的哟~

[乱跑的泰兰德]

18 分钟前, lucisobri 说道:

看看 广场 置顶的那个 情人节活动 的排版~

喜欢么？

长长的下来。看起来很舒服。。

你想的效果是不是那种呀

是啊，那种的确实是很舒服。

其实只要排版合理，都是非常美观的。

[格林的黑羊]

49 分钟前, mylifeyouwill 说道:

唉，原来是个人PC的原因。。。。我这边可能显示的不大一样呢。。。

这样的话，应该确实是650和750比较合适呢

应该的话，650可能连手机端都可以完美匹配吧

 

再补充一下，在没有图片的情况下，可以选择使用百分比来

不过个人不喜欢用百分比就是因为会产生形变，比如漫区的活动帖，用百分比来阅读体感真的不会太好，这个个人是有试过的。

设置98%的话，手机党也不见得能愉快的浏览，所以个人大部分情况是选择直接设置尺寸而不是按比例来的。

明天的签到已经放在签到区了，用的是75%和98%的百分比，你可以试试看去对比一下之前直接设置650宽度的。

反正个人是更喜欢直接使用650的，虽然大佬们都是教吾辈用98%。

这是98%的阅读效果

这是650的

这就是吾辈推荐650的原因，虽然不完美，但基本都能看。

 

 

二月 17, 2019，由格林的黑羊修改

[乱跑的泰兰德]

8 分钟前, 格林的黑羊 说道:

再补充一下，在没有图片的情况下，可以选择使用百分比来

不过个人不喜欢用百分比就是因为会产生形变，比如漫区的活动帖，用百分比来阅读体感真的不会太好，这个个人是有试过的。

设置98%的话，手机党也不见得能愉快的浏览，所以个人大部分情况是选择直接设置尺寸而不是按比例来的。

明天的签到已经放在签到区了，用的是75%和98%的百分比，你可以试试看去对比一下之前直接设置650宽度的。

反正个人是更喜欢直接使用650的，虽然大佬们都是教吾辈用98%。

这是98%的阅读效果

这是650的

这就是吾辈推荐650的原因，虽然不完美，但基本都能看。

 

 

对，650是真正的自适应了手机+PC。

而更大的应该只是适合PC。手机的话会突出去部分。

二月 17, 2019，由mylifeyouwill修改

[格林的黑羊]

4 分钟前, mylifeyouwill 说道:

对，650是真正的自适应了手机+PC。

而更大的应该只是适合PC。手机的话会突出去部分。

设置宽度大小就是为了兼顾手机／平板／图片

只想考虑PC的阅读体感的话，直接98%就好

二月 17, 2019，由格林的黑羊修改

[乱跑的泰兰德]

3 分钟前, 格林的黑羊 说道:

设置宽度大小就是为了兼顾手机／平板／图片

只想考虑PC的阅读体感的话，直接98%就好

果然，650对手机来说爽爆了。

98%好像自适应的有点不大好。（字体竟然自己奇妙的变大了。。。。）

[星霜の言葉]

1 小时前, mylifeyouwill 说道:

果然，650对手机来说爽爆了。

98%好像自适应的有点不大好。（字体竟然自己奇妙的变大了。。。。）

 

1 小时前, 格林的黑羊 说道:

设置宽度大小就是为了兼顾手机／平板／图片

只想考虑PC的阅读体感的话，直接98%就好

唔姆有个问题，刚刚我用自己的情人节测试了一下650px发现还是超了

难道IOS和安卓支持的宽度是不一样的？

我再去测测多少可以勉强让我的手机观感舒适（

[格林的黑羊]

2 分钟前, 星霜の言葉 说道:

 

唔姆有个问题，刚刚我用自己的情人节测试了一下650px发现还是超了

难道IOS和安卓支持的宽度是不一样的？

我再去测测多少可以勉强让我的手机观感舒适（

都会超

吾辈这里650也会超，只是浏览器缩放以后看着会比98%舒服，所以个人选了650

650本身并不算最优选，假如有更好的办法，个人也不会选用表格排版的w

二月 17, 2019，由格林的黑羊修改

[Dorothy]

哇喔，泰兰德大大居然做出表格排版教程贴啦，

真的好顶赞呀！李才素真正的排版大佬！

基本上把大多数要用的功能统统都教了呐！

咱素不素就可以收工了哈！（虽然只剩背景图的来着，不过其实也不会很复杂）还素会做的啦！看之后的时间允不允许来着！

咱最近没怎么碰电脑然后事情和有作业的时候完全不一样了的说！

只能稍微找个空闲回一下红提示和一部分村子贴来着...

甚至连现在打这些字的自己已经困得不行的感觉

总之真的很感谢泰兰德大大的分享！也给咱上了一节教学贴的发帖姿势的课！（不过那个图片放在表格里压得好厉害呀，原图就素酱紫嘛？）