div标签的文字处在元素块中心

要在 Vue 中使用 CSS 将 `div` 标签内的文字居中对齐，你可以采用内联样式（适用于简单的场景）或在组件中定义一个 CSS 类（适用于更复杂的布局）。这里我会展示两种方法：

**1. 使用内联样式：**

<div :style="{ display: 'flex', justifyContent: 'center', alignItems: 'center' }">
  这些文字将在元素块中心显示
</div>

这里的 `justify-content: center;` 和 `align-items: center;` 分别使水平和垂直方向上的内容居中。

**2. 定义CSS类：**

<template>
  <div class="centered-text">
    这些文字将在元素块中心显示
  </div>
</template>

<style scoped>
.centered-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

确保你在 `<style>` 标签上添加了 `scoped` 属性，防止类名污染全局样式。

如果你希望兼容旧版浏览器并支持 IE9 及以上，可能还需要加上 `text-align: center;` 到 `.centered-text` 类里。