Tiny Online Tools
把行高当成可读性工具，而不只是默认设置
合适的行高不只是经验问题。字号、行宽和内容密度都会影响段落读起来是否舒服，所以这个计算器会帮助你在更完整的上下文里比较不同数值。
最值得认真调整的场景
它尤其适合正文、文章、设置页面以及任何需要持续阅读的界面。选定数值后，记得再用真实内容长度和不同视口宽度测试一次，确认离开示例预览后节奏依然成立。
行高计算器
计算适合可读排版的最佳行高。
1.5
计算出的最佳值
1.625
黄金比例 (1.618)
line-height: 1Too Tight
line-height: 1.2Compact
line-height: 1.4Optimal
line-height: 1.6Optimal
line-height: 1.8Optimal
line-height: 2Relaxed
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
font-size: 16px;
line-height: 1.6;
相似工具
字间距工具
调整并预览 CSS letter-spacing，并查看可读性区间。
文字阴影生成器
通过实时预览创建 CSS text-shadow 效果。
Border Radius 生成器
可视化控制圆角效果并复制CSS代码。
Box Shadow 生成器
可视化创建CSS阴影效果，支持实时预览。
CSS 压缩器
通过删除空白、注释和多余规则来压缩 CSS。
JSON 到 CSV
转换 JSON data into CSV format.
SVG 爱心生成器
生成风格化的 SVG 爱心形状——经典、圆润、尖角、像素和几何——自定义颜色、渐变、描边和大小。免费在线爱心制作工具。
更多工具
浏览我们完整的免费在线工具集合。