0

Как можно оцентрировать значение, которое отражается в ползунке JQuery UI?

Код, вызывающий ползунок

var handle = $("#custom-handle");

    $("#slider-dist").slider({
        min: 0,
        max: 100,
        create: function() {
            handle.text($(this).slider("value"));
        },
        slide: function(event, ui) {
            handle.text(ui.value);
        }
    });

Скрин, что получается.

введите сюда описание изображения

Проблема в том, что значение прижато к левому краю. Как его разместить по центру?

1 ответ 1

1

Вы вставляете значение в блок #custom-handle. В CSS укажите:

#custom-handle {
    text-align: center;
}

Ну или флексом к примеру:

#custom-handle {
    display: flex;
    justify-content: center;
}
2
  • Работает ) Спасибо! Оказывается все просто. Я думал, нужно лезть куда-то в Jquery UI ) 20 сен 2019 в 8:45
  • 1
    @NikitaMigushev пришлось бы лезть в стили JQuery хендела если бы Вы не делали свой кастомный, а так всё в разы проще) 20 сен 2019 в 8:46

Ваш ответ

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

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