Html CSS<；李>；不延伸

我有

列表，里面有

链接

要将固定的

宽度

和

高度

设置为

您需要更改

显示：内联到
内联块

ul.files li {
    display: inline-block;
    width: 150px;
    height: 150px;
} 

将文本居中

要使
li
的内容居中，可以使用
display:inline flex

ul.files li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
}

这是工作。如何将文本居中？
ul.files li {
    display: inline-block;
    width: 150px;
    height: 150px;
} 

ul.files li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
}