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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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