1

Здравствуйте. Чтобы выровнять текст по центру дива, в хроме использую такую конструкцию:

<div style="display:flex;">
    <span style="margin:auto;">ABCDR</span>
</div>

Но сафари не понимает этой конструкции. Подскажите, как правильно выровнять по центру дива в сафари. Спасибо.

1 ответ 1

1

Для сафари надо display: -webkit-flex.

А вообще, вот такой less рекомендую: http://dpaste.com/1VRN515

2
  • Не помогло, вот полный код: .seradit { width: 20%; height: 40px; float: left; margin-left: 10px; border: 1px solid #d6d6d6; display: -webkit-flex; } .seradit span { margin:auto; }
    – benjibboy
    20 окт 2014 в 18:16
  • 2
    вообще, чтобы выравнять текст по центру, нужно использовать text-align: center. flex-display всё-таки для раскладки. И один только display: flex не решит, нужно ещё использовать justify-content, align-content и align-items И, кстати, покажите всю конструкцию на jsfiddle 20 окт 2014 в 18:42

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.