CSS text-align свойство не работает должным образом

0

У меня проблема с этим скриптом.

Выход не выровнен по центру; только красный цвет прекрасно работает.

<script>      
    $(document).ready(function () {
        $("#register_form input").focus(function () {
            $("#status").fadeOut(800);
        });

        $("#pass1").keyup(function () {
            if ($(this).val().length < 6) {
                $("#output_pass1").css("color", "red").css('text-align', 'center').html("<br/><br/>very short ");

            }
        });
    });
</script>

и это HTML-код:

<label for="pass1">Password :</label>
<div class="col-sm-5">
    <input type="Password" id="pass1" placeholder="Enter your password " required>
</div>

<small id="output_pass1" ></small>
  • 0
    пожалуйста, покажи больше HTML-кода.
  • 0
    Я отредактировал свой код
Показать ещё 2 комментария

1 ответ

1

Дайте display: block; элемента display: block; , слишком:

small { display: block; }

или

$("#output_pass1")
.css({"color":"red", "text-align":"center", "display": "block" })
.html("<br/><br/>very short ");

Скрипт: http://jsfiddle.net/aslancods/NDNYF/5/

  • 0
    Проблема была решена Асланом, спасибо, очень сэр!
  • 0
    Пожалуйста, Джон Лоу, Спасибо, зубная щетка за исправление грамматической ошибки.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню