有一个问题我一直试图在各种项目中解决一段时间没有太多运气。
我有一些div个文本，其中使用display: block和line-height以CSS为中心。我也尝试了padding和一个固定的高度。通常，这些设置为标题或有时按钮。
无论哪种方式，我似乎总是在移动safari浏览器的垂直中心顶部有一个偏移，我没有在任何网页浏览器中获得（它在桌面浏览器中完全垂直对齐）。我可以在移动浏览器中将设置更改为center，但这会抛弃所有其他浏览器，这是一个响应式设计。
有没有人遇到过这个问题？
我有-webkit-text-size-adjust: 100%;，但这似乎与此问题无关。
到目前为止，我的黑客工作是让设备只有css设置不同的line-height，但你可以想象，这是一个可怕的解决方案。
答案 0 :(得分：2)
当您对宽度和高度一无所知时，本文提供了许多关于内容集中的不同选项的重要信息：
http://css-tricks.com/centering-in-the-unknown/
它建立在user1002464的答案之上。
答案 1 :(得分：1)
您可以将display:table-cell和vertical-align:middle用于包含文字