跨浏览器文本对齐:居中

Question

我正在尝试将图像对齐<li>元素内。这是一个画廊，所以我没有太多的自由来玩 css 规则。

我正在尝试添加规则

text-align:center;

到 <li> 元素，但没有成功。所以我尝试了这个规则

text-align: -webkit-center;

它仅适用于铬。对于火狐，我发现

text-align: -moz-center;

但我找不到其他浏览器的任何内容？有人知道我必须使用什么规则吗？

Answer 1

你试过使用弹性框吗？ 可能值得一看(例如，使用对齐内容规则(

Answer 2

尝试使用 Flex。

  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  align-self: center;
  flex-direction: column;