Показать Flex в Safari выровнять

Question

У меня есть div блок с одним дочерним элементом внутри:

.mark__btn {
  width: 19px;
  height: 19px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  opacity: 0.8;
  position: relative;
  margin-right: 3px;
  color: #000;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}

.mark__btn span {
  font-size: 14px;
}

<div class="mark__btn">
  <span>+</span>
</div>

Итак, я пытаюсь достичь выравнивания центрального элемента span по горизонтали и вертикали, это работает с Chrome, но не в Safari

Answer 1

Вам нужно использовать префиксы для Safari и других браузеров, чтобы использовать display flex

display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;  // for safari
display: flex;