Css Yii2'中的列宽/分布设置；什么是详细视图？

相同的视图，相同的

详细视图

，相同的代码，不同的型号，不同的最终结果：

在这种情况下，什么设置列宽？为什么它会随着每一张唱片而改变？这是Bootstrap问题还是Yii2问题？我试图用Chrome开发工具分析生成的代码，但没有得出任何结论。正如您所看到的，两列中都有大量空格，因此不应发生列宽偏移

---

最重要的是——如何预防？如何确保每个视图看起来都完全相同，无论在

DetailView

中打印什么数据？

标题中的问题（Yi2的DetailView中什么设置了列宽/分布？）。但是，添加以下行：

table.detail-view th {
    width: 25%;
}

table.detail-view td {
    width: 75%;
}

---

css是解决这个问题的众多方法之一。

正确的答案是内容的宽度。如果你仔细观察你看到的内容，寻找不同的内容。别名标签列和值列的不同宽度。在这种情况下，宽度由小部件自动管理。您可以通过css设置它们

。固定宽度>tbody>tr>th{
宽度：20%；
}

echo DetailView:：widget([
'选项'=>['class'=>'表格条带边框的表格细节视图固定宽度']，
'model'=>$model，
“属性”=>[]，
]);

您也可以使用公共属性来实现这一点。例如：

<?= DetailView::widget([
   'model' => ...,
   'attributes' => [[...], [...]],
   'template' => "<tr><th style='width: 15%;'>{label}</th><td>{value}.</td></tr>"
]) ?>

---

我很乐意接受您的回答，但您必须提供一些解释文本。将这些样式和代码放在何处，以及您决定完全使用该代码而不是另一个代码的原因。通常，在堆栈交换或堆栈溢出中，只包含代码示例，甚至没有一个小的解释文本的答案是不受欢迎的，您可以很容易地得到您的好答案，只是因为这个事实。