flex布局下，内容使用truncate不显示省略号的问题

<div class="flex items-center">
　　<div class="w-10 h-10 mr-4">头像</div>
　　<div class="flex-1">
　　　　<div class="text-lg">姓名</div>
　　　　<div class="truncate">内容内容内容内容内容内容</div>
　　</div>
</div>

此时truncate是不生效的，需要在父级加min-w-0来使truncate生效，如果没有父级，则需要增加一个父级。

<div class="flex items-center">
    <div class="w-10 h-10 mr-4">头像</div>
    <div class="flex-1 min-w-0">
        <div class="text-lg">姓名</div>
        <div class="truncate">内容内容内容内容内容内容</div>
    </div>
</div>

或者

<div class="flex items-center">
    <div class="">姓名：</div>
    <div class="flex-1 min-w-0">
        <span class="truncate">内容内容内容内容内容内容</span>
    </div>
</div>