让已发货居中对齐

可以在包裹已发货文本的 div 元素上设置样式，将其通过 flex 布局水平和垂直居中对齐。可以如下修改代码：

<el-card class="box-cards" shadow="hover">
  <div style="display: flex; justify-content: center; align-items: center;">
    <div>已发货</div>
  </div>
  <div style="display: flex; justify-content: center; align-items: center;">
    <el-button type="info" plain>变更状态</el-button>
  </div>
</el-card>

这样就可以将已发货文本水平和垂直都居中对齐了。注意，这里需要将两个子元素分别放在两个 div 元素中，并分别设置样式。

相关问题

html让文字居中对齐

在HTML中，要让文字居中对齐，可以使用text-align属性。这个属性可以应用于段落元素（如p、h1等）或其它块级元素。将text-align属性的值设置为"center"即可实现文字的居中对齐。

例如，如果你想让h1元素中的文字居中对齐，你可以使用以下CSS代码：

h1 {
text-align: center;
}

这样，h1元素中的文字就会水平居中对齐了。

需要注意的是，text-align属性只会影响文字的水平对齐方式，而不会影响垂直对齐。如果你想实现图片和文字在同一行中垂直居中对齐的效果，可以参考使用垂直居中的方法。

如何让input居中对齐

您可以使用CSS来实现input居中对齐，可以这样写：

input {
  text-align: center;
}

这样，所有的input元素内的文本内容就会居中对齐了。如果你只想让某个特定的input居中对齐，可以给它添加一个class，然后在CSS中指定该class的样式，如下所示：

.center-input {
  text-align: center;
}

然后在HTML中使用该class，如下所示：

<input type="text" class="center-input" value="这个input会居中对齐" />

这样，只有指定了.center-input类的input元素才会居中对齐。