主要观点:作为文明,我们忘记了如何居中事物,虽知道方法但实际应用中却未使用,在字体、行高、图标、图标字体等方面都存在居中问题,且不仅程序员,设计师也会犯错,水平和垂直居中都有困难,给出了设计师、字体设计师、网页开发者等不同角色可采取的措施,如让字体边界框更紧密、字体设计师设置合适的度量、网页开发者计算额外的内边距等,同时强调应停止使用字体做图标,可通过光学补偿来处理需手动补偿的情况,大家应关注并努力做到良好的居中以提升用户界面。
关键信息:列举了众多公司和产品在字体、图标等方面居中不佳的例子,如苹果、微软、谷歌等;介绍了各种相关的概念和属性,如display: flex
、justify-content
、align-items
等;提到了不同角色可采取的具体做法来改善居中问题。
重要细节:不同字体的度量差异对居中的影响,如 Segoe UI 导致 Github 在 Windows 上的居中问题;各种元素如按钮、图标等在不同平台和应用中的居中情况;字体设计师应如何设置度量以方便居中;网页开发者如何根据字体度量计算内边距来实现居中;以及不恰当使用图标字体带来的问题等。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。