据我所知,有些人认为在网页设计中不需要将文本与基线网格对齐 . 然而,这样做很有趣,而且结果看起来很光滑 . 所以,我正在推动这一进程 .

现在,我有两组具有不同字体大小和行高的文本,我试图根据基线网格垂直对齐它们 . 我的问题是:

  • 看看下面的图片(“修改”和“2017年10月3日”) . 你通常如何调整它们?根据它们的线高垂直居中,还是根据它们的基线对齐它们?在我的照片中,我选了第一个选项 . 第一个问题可能更多是关于UX,这里的“最佳实践”是什么?

  • 是否可以根据CSS中的基线准确对齐文本?实现这一目标的最佳和最简单的方法是什么?

  • 我还添加了分隔线来创建一种列表 . 您通常如何在CSS中创建它们并使它们与基线保持同步?通过使用border属性,还是?

附上图片来解释我的概念 . 仅供参考,我是一位无法编码的新手设计师 . :p非常感谢您对未来的见解 .

Picture 1

Picture 2

Picture 3