Yii2 - DetailView 위젯 플로트 내가 새 CSS 클래스를 적용하지만 행운으로 DetailView 위젯의 폐기를 대체하기 위해 노력하고있어

Question

인사말,

을 떠났다. DetailView 위젯의 여러 인스턴스에 표시된 모든 레코드를 나란히 표시하려고합니다. app1 \ web \ css에 detail1-view라는 클래스를 만들고이를 vendor 폴더의 detaiview.php에 적용합니다. 클래스는 float : left 또는 display : inline-block을 가지고 있지만 속성은 작동하지 않습니다.

내 Detailview은 다음과 같습니다

<?= DetailView::widget([ 
    'model' => $model, 
    'attributes' => [ 
     //'titulo', 
     'noticia', 
     // cria um array com a fotografia, em que carrega a path no campo fieldName da bd 
     [ 
     'attribute'=>'fotodir', 
     'value'=>$model->fotodir, 
     'format' => ['image',['width'=>'230','height'=>'200']], 
     ], 
    ], 
]) ?> 

및 폴더 공급 업체에서 내 detailview.php/yiisoft/yii2/위젯/... 거기에 적절한 장소에서 detail1 뷰 클래스가 :

public $options = ['class' => 'detail1-view']; 

내 CSS :

.detail1-view { 
display: inline-block; 
width: 30%; 
border:1px solid #000; 

}는

DetailView 나란히 위에 다른 하나를 표시하지 계속

누구나이 문제에 대한 솔루션을?

많은 감사

Answer 1

은 나 자신에 의해 그것을 해결.

트릭은 position : relative로 다른 클래스를 만드는 것이 었습니다. 그 안에 detailview 위젯을 넣으십시오. 응용 프로그램/웹/CSS에서 사용

<div class="detail-disposal"> 
<?= DetailView::widget([ 
    'model' => $model, 
    'options' => ['class' => 'detail1-view'], 
    'attributes' => [ 
     //'titulo', 
     'noticia', 
     // cria um array com a fotografia, em que carrega a path no campo fieldName da bd 
     [ 
     'attribute'=>'fotodir', 
     'value'=>$model->fotodir, 
     'format' => ['image',['width'=>'230','height'=>'200']], 
     ], 
    ], 
]) ?> 

과 CSS 스타일 :

.detail-disposal{ 
    position:relative; 
    width:100%; 
} 

DetailView의 CSS : 여기

뷰에 대한 코드의

.detail1-view { 
    margin-left:20px; 
    margin-bottom:20px; 
    float:left; 
    width: 300px; 
    border:1px solid #000; 
} 

이제 detailview 위젯이 모델이 호출 될 때마다 나란히 표시됩니다.