html - Yii2 DetailView 对齐

Question

我正在使用 Yii2 的 DetailView 小部件，我希望它居中对齐。我试过 'options' => ['align' => 'center'] 但它没有给我预期的输出。输出如下所示:

它看起来很可笑。他们还有其他方法可以让 DetailView 居中吗？

这是没有 'options' => ['align' => 'center'] 的原始输出:

Answer 1

我认为最简单的方法是按如下方式设置您的选项:

'options'=>['class'=>'text-center']

它使用通常用于居中文本的 Bootstrap 类。现在您的文本居中将被其他默认表格样式覆盖。在这种情况下，您可以简单地将这些行添加到您的 css 中，这绝对可以解决问题:

.detail-view.text-center > tbody > tr > th,
.detail-view.text-center > tbody > tr > td {
    text-align: center !important;
}

瞧。现在你的两列都应该居中。带有 > 符号的显式路径声明是为了确保进一步嵌套在详细信息 View 中的数据将保持原样，而不是居中。