Yii2 GridView columns 自动换行 html中td自动换行问题

word-break 属性规定自动换行的处理方法。

word-break: normal|break-all|keep-all;

normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

word-wrap 属性允许长单词或 URL 地址换行到下一行。

word-wrap: normal|break-word;

值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。

 

 

    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'options' => [
            'style'=>'overflow: auto; word-wrap: break-word;'
        ],
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            [
                'attribute'=>'id',
                'format'=>'raw',
                'headerOptions' => ['width' => '60'],
                'value'=>function($m){
                    return $m->id;
                }
            ],
            [
                'attribute'=>'uid',
                'format'=>'raw',
                'headerOptions' => ['width' => '60'],
                'value'=>function($m){
                    return $m->uid;
                }
            ],
            [
                'attribute'=>'omnisendaddr',
                'format'=>'raw',
                'headerOptions' => ['width' => '150px'],
                'contentOptions' => [
                    'style'=>'word-wrap:break-word;word-break:break-all;'
                ],
                'value'=>function($m){
                    return $m->omnisendaddr.'ooo,ooooooo oooooooo';
                }
            ],
            [
                'attribute'=>'omniaimaddr',
                'format'=>'raw',
                'headerOptions' => ['width' => '150px'],
                'contentOptions' => [
                    'style'=>'word-wrap:break-word;word-break:break-all'
                ],
                'value'=>function($m){
                    return $m->omniaimaddr;
                }
            ],
            [
                'attribute'=>'omnifeeaddr',
                'format'=>'raw',
                'headerOptions' => ['width' => '150px'],
                'contentOptions' => [
                    'style'=>'word-wrap:break-word;word-break:break-all'
                ],
                'value'=>function($m){
                    return $m->omnifeeaddr;
                }
            ],
            [
                'attribute'=>'tradeid',
                'format'=>'raw',
                'headerOptions' => ['width' => '150px'],
                'contentOptions' => [
                    'style'=>'word-wrap:break-word;word-break:break-all'
                ],
                'value'=>function($m){
                    return $m->tradeid;
                }
            ],
            'count',
            'omnifee',
            'realomnifee',
            [
                'attribute'=>'ostate',
                'format'=>'raw',
                'headerOptions' => ['width' => '60'],
                'value'=>function($m){
                    if( $m->ostate == 0 ){
                        return html::a('审核','javascript:onCheckClick('.$m->id.')', ['id'=>'btn-refuse','class'=>"btn btn-success", 'data-confirm'=>"您确定要审核能过吗？",'data-method'=>"get"]);
                    }else{
                        return Yii::$app->params['omniOrderStateLabels'][$m->ostate];
                    }
                }
            ],
            'updatetime',

            [
                'class' => 'yii\grid\ActionColumn',
                'template' => Helper::filterActionColumn('{view} {update}'),
                'header' => '操作',
                'buttons' => [
                    'view' => function ($url, $model, $key) {
                        return Html::a('详情',$url, [
                            'class' => 'btn btn-default',
                        ]);
                    },
                    'update' => function ($url, $model, $key) {
                        return Html::a('修改',$url, [
                            'class' => 'btn btn-primary',
                        ]);
                    },
                ],
            ],
        ],
    ]); ?>

html中td自动换行问题

1、<td style="word-wrap:break-word;word-break:break-all;" width="100px";></td>

普通的文字内容换行

2、<table rules="all" style="table-layout:word-wrap:break-word;word-break:break-all">

数字换行，英语单词也换行

3、<table style="table-layout:fixed;word-wrap:break-word;"></table>
word-wrap：normal   |   break-word  是指内容将在边界内换行，如果指定为break-word，词内换行（word-break）也将发生。   
word-break：normal   |   break-all   |   keep-all        
normal：依照亚洲语言和非亚洲语言的文本规则，允许在字内换行。   
break-all：该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。   
keep-all：与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 。       
table-layout：auto   |   fixed        
auto：默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢。   
fixed：固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关。