ElementUI中一个页面多个el-descriptions列不对齐问题处理

使用ElementUI框架时，如果我们希望列表形式展示多个字段。可能经常使用Descriptions描述列表，如果一个页面只有一个Descriptions时，列宽显示是没有问题的，但是如果有多个Descriptions，你会发现，各个Descriptions之间的列宽，可能显示的不一致。
为了保持各列宽度一致，我们可以设置contentStyle属性。

<el-descriptions
  border
  :label-style="{ width: '110px' }"
  :contentStyle="content_style">
  
</el-descriptions>

然后在data里面，设置具体的content_style

content_style: {
    // 居左
    'text-align': 'left',
    // 设置长度
    width: '400px',
    // 排列第二行
    'word-break': 'break-all'
}