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

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

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

MCBBS Wiki GitHub群组已上线!

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

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

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

模板讨论:Article

来自MCBBS Wiki
Ricolove留言 | 贡献2020年7月30日 (四) 19:14的版本

最新留言:2020年7月30日 (星期四)由Ricolove在话题改进建议内发布
跳到导航 跳到搜索

改进建议

由于一直使用着个人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)回复[回复]