MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题,可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线!
您可以在回声洞中发表吐槽!
服务器状态监控。点击进入
本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
模板讨论:Article:修订间差异
最新留言:2020年7月30日 (星期四)由Ricolove在话题改进建议内发布
(改进建议) |
小无编辑摘要 |
||
第41行: | 第41行: | ||
width: 100%; |
width: 100%; |
||
} |
} |
||
[[用户:Ricolove|Ricolove]]([[用户讨论:Ricolove|讨论]]) 2020年7月30日 (四) 19:14 (CST) |
2020年7月30日 (四) 19:14的版本
改进建议
由于一直使用着个人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%; }