vertical align_verticalalignment=bottom
在css文件中进行设置,因为text-align是属于css的一个属性,这个属性的作用是用于设置文字的对齐方式,它具体有以下5个值:
left:把文本排列到左边。
right:把文本排列到右边;
center:把文本排列到中间;
justify:实现两端对齐文本效果;
inherit:从父元素继承
align-items的默认取值是stretch。这意味着当没有为容器设置任何高度时,项目将被拉伸以填充容器的全部高度。此外,在垂直方向上,所有项目将默认按照基线对齐。
如果要更改此默认行为,可以使用其他align-items选项,例如center、flex-start、flex-end等。
这些选项可以根据具体需要对项目进行沿主轴对齐或沿交叉轴对齐,提供更高的布局自由度和控制性。
align-items stretch 默认值,项目被拉伸以适应容器 让子元素的高度拉伸适用父容器 子元素不给高度的前提下
center 项目位于容器的中心 垂直居中
flex-start 项目位于容器的开头 垂直对齐开始位置
flex-end 项目位于容器的结尾 垂直对齐结束位置
额。。。
你到底是想居中还是左对齐?
居中就直接用text-align:center; 而默认就是左对齐的,顶多是设置text-align:left; 如果你想要的效果是内容偏中间一点,那你就在li上加padding-left控制位置