Как сделать, чтоб статус увеличивался автоматически?

Question

[mishka_aa]

Как сделать, чтоб статус увеличивался автоматически при написании в него текста ?


сейчас же в нес написано: "Fack the system i am not surrender"

Comments

[Евгений Кузовлев]

Приведите ваш код, а то как то пальцем в небо

[Dymok]

Ну а код можно посмотреть? Наверное, там есть width?

[mishka_aa]

<div class="up_pict_text">
            Михаил 
            <div class="up_p_status">
             <div class="up_p_status_text_arrow"></div>
                <div class="up_p_status_text">
                   
                    Fack the system i am not surrender  
                </div>

.up_p_status {
    position: absolute;
    left: 20px;
    top: -40px;
}
.up_p_status_text_arrow {
    position: absolute;
    width: 19px;
    height: 11px;
    bottom: -11px;
    left: 10px;
    background: url(../images/up_p_status_arrwo.png) no-repeat;
}
.up_p_status_text {
    background: #fff;
    max-width: 400px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    font-family: 'proxima_nova_rgregular';
    font-size: 12px;
    color: #141D23;
    position: relative;
    overflow: hidden;
}

[Вадим Белкин]

mishka_aa, у вас стоит максимальная ширина 400, т.е. по ширине больше растянуться не сможет, и стоит фиксированная высота. Вам нужно убрать фиксированную высоту, если хотите чтобы была возможность переполнения по высоте и перенос строк, и удалить максимальную ширину или изменить нга нужную

[Роман Черник]

width: fit-content;
padding: 5px;

Answer 1

[Роман Черник]

width: fit-content;
padding: 5px;