相同的视图，相同的DetailView，相同的代码，不同的模型，不同的最终结果：
DetailView
在这种情况下，是什么设置了列宽？为什么它会随着每条记录而移动？这是Bootstrap还是Yii 2的问题？我试着用Chrome开发工具分析生成的代码，但没有得出任何结论。正如你所看到的，两列中都有很多空白，所以列宽不应该发生移动。最重要的是--如何防止这种情况？如何确保，无论DetailView中打印的是什么数据，每个视图看起来都完全相同？
7rtdyuoh1#
您也可以使用公共属性模板来实现这一点。例如：
<?= DetailView::widget([ 'model' => ..., 'attributes' => [[...], [...]], 'template' => "<tr><th style='width: 15%;'>{label}</th><td>{value}.</td></tr>" ]) ?>
在本例中，我有两列，我将第一列的宽度强制为总数的15%。您还可以使用此方法将更多样式应用到您生成的表中。
2ledvvac2#
标题中的问题（* 是什么设置了Yii 2的DetailView中的列宽/分布？）的答案是“ 我不知道 ”或“ 没有什么设置这个 *"。但是，添加以下行：
table.detail-view th { width: 25%; } table.detail-view td { width: 75%; }
到site.css是“解决”这个问题的许多方法之一。
site.css
qxgroojn3#
第一个
njthzxwz4#
正确的答案是内容的宽度。如果你仔细看你看到的内容的不同宽度的内容。别名不同宽度的标签列和值列。在这种情况下，宽度是自动管理的小部件。你可以设置他们的css
4条答案
按热度按时间7rtdyuoh1#
您也可以使用公共属性模板来实现这一点。例如：
在本例中，我有两列，我将第一列的宽度强制为总数的15%。
您还可以使用此方法将更多样式应用到您生成的表中。
2ledvvac2#
标题中的问题（* 是什么设置了Yii 2的DetailView中的列宽/分布？）的答案是“ 我不知道 ”或“ 没有什么设置这个 *"。但是，添加以下行：
到
site.css是“解决”这个问题的许多方法之一。qxgroojn3#
第一个
njthzxwz4#
正确的答案是内容的宽度。如果你仔细看你看到的内容的不同宽度的内容。别名不同宽度的标签列和值列。在这种情况下，宽度是自动管理的小部件。你可以设置他们的css