据我所知,有些人认为在网页设计中不需要将文本与基线网格对齐。然而,这样做很有趣,而且结果看起来很光滑。所以,我正在向前推进。
现在,我有两组具有不同字体大小和行高的文本,我正在尝试根据基线网格垂直对齐它们。我的问题是:
- 查看下面的图片(“修改”和“2017年10月3日”)。你通常如何调整它们?根据它们的线高垂直居中,或者根据它们的基线对齐它们?在我的照片中,我选了第一个选项。第一个问题可能更多是关于UX,这里的“最佳实践”是什么?
- 是否可以根据CSS中的基线准确对齐文本?实现这一目标的最佳和最简单的方法是什么?
- 我还添加了分隔线来创建一种列表。您通常如何在CSS中创建它们并使它们与基线保持同步?通过使用border属性,还是?
醇>
附上图片来解释我的概念。仅供参考,我是一位无法编码的新手设计师。 :p非常感谢您对未来的见解。
Picture 1
Picture 2
Picture 3