在 HTML5 中設(shè)置字體的上下居中是很常見的需求，這里介紹三種實(shí)現(xiàn)方法：
方法一： 使用 line-height 屬性，將行高設(shè)置為與文字高度相同的值，即可實(shí)現(xiàn)上下居中效果。 示例代碼： <p style="font-size: 24px; line-height: 24px;">這是要居中的文字</p>方法二： 使用 table 布局，將文字放在 table-cell 中，并設(shè)置 vertical-align 屬性為 middle，實(shí)現(xiàn)上下居中效果。 示例代碼： <table><tr><td style="vertical-align: middle;">這是要居中的文字</p></td></tr></table>方法三： 使用 flex 布局，將父元素設(shè)置為 display: flex，并設(shè)置 align-items 屬性為 center，實(shí)現(xiàn)上下居中效果。 示例代碼： <div style="display: flex; align-items: center;"><p style="font-size: 24px;">這是要居中的文字</p></div>