1

Ребят, пишу на React "сайтик", использую bootsrap из webpack(npm). Проблема в том, что кнопка стоит почему-то ниже чем textarea, пример на фото: введите сюда описание изображения

Вот код: (поверх этого когда, в другой компоненте еще сверху стоит класс container)

<div className='container-feedback'>
  <textarea value={text} onChange={e => onCommentChange(e.target.value) } />
  <button onClick={postComment} className='add'>Add</button>
</div>
textarea {
 width: 50%;
 padding: 0 20px;
 margin-top: 10px !important;
 background: rgb(255, 255, 255);
 line-height: 40px;
 border-width: 1;
 border-radius: 20px;
 font-family: 'Roboto', sans-serif;
}

.add {
   margin-left: 8px !important;
}

P.S: Если выровнять с помощью position: absolute + bottom, то при добавлении комментария, кнопка падает вниз

2 ответа 2

1

Добавьте в стили:

.container-feedback{
  display: flex;
  align-items: center;
}
2
  • 1
    Спасибо, как раз только сам понял! (чуть позже поставлю галочку) 17 мая 2020 в 13:10
  • Всегда пожалуйста!
    – vantal
    17 мая 2020 в 13:16
1

Попробуй .add{ vertical-align: top; margin:top:4px;}

Ваш ответ

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

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