Laughing
ElementUI中一个页面多个el-descriptions列不对齐问题处理
05/30
本文最后更新于2024年05月30日，已超过110天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！
使用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'
}
版权属于：
香草物语
本文链接：
https://www.xiangcaowuyu.net/web/handling-the-problem-of-misalignment-of-multiple-el-descxoptions-columns-on-a-page-in-elementui.html（转载时请注明本文出处及文章链接）
作品采用：
