ul标签中的三个li元素怎么对齐

代码居中对齐
li内容垂直居中 flex-direction 属性规定灵活项目的方向。当设置它的属性值为column时,表示灵活的项目将垂直显示,正如一个列一样。justify-content 用于设置或检索d性盒子元素在主轴(横轴)方向上的对齐方式,当设置其属性值为center时,表示项目位于容器的中心。这样就可以实现ul中li内容的垂直居中

<ul>
<li>
<span onclick="toggle()" style="background:url()">系统管理</span>
<ul>
<li style="background:url()">普通短信</li>
<li style="background:url()">>短信收件箱</li>

</ul>
</li>
</ul>

js

toggle()
{
//自己写隐藏和显示span下面的ul就行了
}

---