qq_38664203的博客

原创 CSS垂直居中技巧

1、Line-height 适用情景：单行文字垂直居中技巧 这个方式应该是最多人知道的了，常见于单行文字的应用，像是按钮这一类对象，或者是下拉框、导航此类元素最常见到的方式了。此方式的原理是在于将单行文字的行高设定后，文字会位于行高的垂直中间位置，利用此原理就能轻松达成垂直居中的需求了。 Lorem ipsam. .content{ width: 400px; background: ...