div-文字水平垂直居中

文字水平垂直居中：
css：

.board-colum-header{
        display: flex;
        justify-content: center;
        align-items: center;
    }

<template>
    <div class="kanban-bg">
        <!-- 列表标题 -->
        <div class="board-colum-header">
            {{'列表标题'}}
        </div>
    </div>
</template>

展示效果：