[分享]css两行字垂直居中显示

在网页设计中，显示效果其实是非常重要的，CSS 中两行字的垂直居中的技巧也显得尤为重要。

代码实现：
.parent{
    display:flex;
    align-items:center;
    justify-content:center;
} 

如上所示，我们只需要在父级元素中使用 display: flex; 布局，在子元素中使用 align-items:center; 以及 justify-content:center; 即可实现两行字垂直居中的显示效果了。

在具体应用中，我们可以将上述 CSS 代码应用于标题、导航、按钮等元素的设计中，可以提高页面视觉效果，加强用户体验。