Блог

Я думаю, что у меня проблема с применением css flexbox к кнопке.

Позвольте мне привести вам пример :

 <div style={{display: "flex", flexDirection: "column"}}>
  <input />
  <input />
  <input />
  <button>click here</button>
</div>
  

Как я могу обрабатывать ширину (без ширины, только с использованием flex) моего ввода / кнопки, потому что, если я использую flex its по высоте из-за направления flex. Я должен что-то пропустить, но я не вижу, что!

Спасибо за помощь!

Вы можете использовать align-items атрибут css для выравнивания элементов по его собственной ширине.

 <div style="display: flex; flex-direction: column; align-items: flex-start;">
  <input type="text" />
  <input type="text" />
  <input type="text" />
  <button>click here</button>
</div>