Html 使用flexbox对中项目符号列表

我在这一节里有一份清单。我想将列表居中，使项目符号垂直排列。我如何使用flexbox做到这一点

删除

flex-direction:column

和

text-align:center

不是答案，因为我需要在页面的其他内容中使用它们

。文本列表{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
文本对齐：居中；
}
保险商实验室{
列表样式类型：disc；
}

短
还有很长的队伍
短线

更新感谢@Akash Pandey ul margin:auto suggestion
你能试试这个吗？请看下面

.text-list{
   display: flex;
   justify-content: left;
   flex-direction: column;
   text-align:left;
 }

ul{
  list-style-type:disc;
  margin: auto;
}

---

这是可以做到的，只需将此css添加到您的ul

ul{显示：表格；边距：0自动；}

ul{
显示：表格；
保证金：0自动；
}
.文本列表{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
文本对齐：居中；
}    
保险商实验室{
列表样式类型：disc；
}

短
还有很长的队伍
短线

尝试使用

显示：flex将
文本列表居中和
对齐项目：居中；）
 试试这个

.text-list{
    display:flex;
    justify-content:center;
}

ul{
    min-width:auto;
    display: flex;
    justify-content:flex-start;
    flex-direction:column;
}



<section class="text-list">
    <ul>
        <li>short</li>
        <li>and very long line</li>
        <li>shorter line</li>
    </ul>
</section>

。文本列表{
显示器：flex；
证明内容：中心；
}
保险商实验室{
最小宽度：自动；
显示器：flex；
调整内容：灵活启动；
弯曲方向：立柱；
}

短
还有很长的队伍
短线

使用将不起作用的ul中的“自动”页边距。也许我应该寻找不同的解决方案，如果直接使用flexbox在这种情况下不好。不仅仅是在ul的工作中。您还需要文本对齐：左；和对齐内容：保留在.text list类中。如果我没弄错你的问题。我更新我的答案，请检查。谢谢！如果我有足够的声誉，我会+1。我的最终目标是将其他内容中心化。我不确定这是怎么回事，但文本对齐：左和边距：自动；似乎是这样。文本列表{display:flex；align items:center；flex direction:column；text align:left；}ul{list style type:disc；margin:auto；}