MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针

如果在编辑的过程中遇到了什么问题,可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证

MCBBS Wiki GitHub群组已上线!

您可以在回声洞中发表吐槽!

服务器状态监控。点击进入

本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

模板讨论:Article:修订间差异

来自MCBBS Wiki
最新留言:2020年7月31日 (星期五)由Salt lovely在话题改进建议内发布
跳到导航 跳到搜索
无编辑摘要
→‎改进建议:​ // Edit via Wikiplus
第43行: 第43行:


[[用户:Ricolove|Ricolove]]([[用户讨论:Ricolove|讨论]]) 2020年7月30日 (四) 19:14 (CST)
[[用户:Ricolove|Ricolove]]([[用户讨论:Ricolove|讨论]]) 2020年7月30日 (四) 19:14 (CST)
# 不推荐使用text-align: justify,这个属性没有统一实现方法,会造成未知的排版问题;比如在我的chrome浏览器上,两端对齐没·有·任·何视觉效果。
# margin-left、margin-right、margin-bottom会分别覆盖margin-inline-start、margin-inline-end、margin-block-end...我知道这几个东西不一样,但是它们确实会互相覆盖。
# <s>font-size: 1.2em的话,可以把正文包进一个 big标签 里面</s>我觉得不错
# font-weight: bold的话,只有h2不是默认粗体,真的要这么改吗?
# white-space:pre-wrap div里面的源代码,可以使用两个换行来实现换行(Wiki默认换行),我先加上去。
除了3个(1、2、4)我个人觉得有问题的地方,其余的地方都改了。-- '''<span style="font-family:PRISTINA;font-size:medium">[[用户:Salt_lovely|<font color="#037">Salt · lovely</font>]][[用户讨论:Salt_lovely|<font color="#4c8dae"><sup>论</sup></font>]]/[[特殊:用户贡献/Salt_lovely|<font color="#466"><sub>绩</sub></font>]]</span>''' 2020年7月31日 (五) 00:17 (CST)

2020年7月31日 (五) 00:17的版本

改进建议

由于一直使用着个人css所以没看到全局的css效果,这里基于我这边自己的css方案提一点建议:

 :root {
   --articlefont: Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif','Source Han Serif','Source Han Serif SC'; <-- 使用思源宋体
 }
 .article-container{
   text-align: justify; <-- 使用两边对齐
   display: block;
   margin-block-start: 0.83em; <-- 这四行是从write.as复制过来的数据,应该影响不大
   margin-block-end: 0.83em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-family: var(--articlefont);
   font-size: 1.2em; <-- 字调大一点为妙
   max-width:40rem;  <-- 用 max-width + margin auto可以实现一个比较美观的两边缩进
   margin-left:auto;
   margin-right:auto;
   margin-bottom: 1em;
   line-height:1.5;  <-- 行高好像作用似乎影响也不大
   white-space:pre-wrap; <-- 这个用来处理原生换行
   color:#111; <-- 颜色也是直接复制过来的,用纯黑也可以
 }
 .article-container h2,.article-container h3,.article-container h4,.article-container h5{
   font-size:1.5em;
   text-align: left;
   line-height:1.5;
   margin-top: 0;
   margin-bottom: 0;
   font-weight: bold;
 }
 .article-container h3,.article-container h4,.article-container h5{
   font-size:1.17em;
 }
 .article-container h3{
   width: 100%; <-- 个人觉得同宽就可以了
 }
 .article-container h4,.article-container h5{
   width: 100%;
 }

Ricolove讨论) 2020年7月30日 (四) 19:14 (CST)回复[回复]

  1. 不推荐使用text-align: justify,这个属性没有统一实现方法,会造成未知的排版问题;比如在我的chrome浏览器上,两端对齐没·有·任·何视觉效果。
  2. margin-left、margin-right、margin-bottom会分别覆盖margin-inline-start、margin-inline-end、margin-block-end...我知道这几个东西不一样,但是它们确实会互相覆盖。
  3. font-size: 1.2em的话,可以把正文包进一个 big标签 里面我觉得不错
  4. font-weight: bold的话,只有h2不是默认粗体,真的要这么改吗?
  5. white-space:pre-wrap div里面的源代码,可以使用两个换行来实现换行(Wiki默认换行),我先加上去。

除了3个(1、2、4)我个人觉得有问题的地方,其余的地方都改了。-- Salt · lovely/ 2020年7月31日 (五) 00:17 (CST)回复[回复]