У меня есть и внутри контейнера. Как я могу заставить их выровнять в одном и том же ряду, рядом друг с другом и в середине контейнера вертикально? />
Верхняя черная порция-это навигационная панель, и я хочу, чтобы бок о бок выровнял их подряд, рядом друг с другом слева направо и выровняйте их вертикально в середине навигационной панели: < /p>
, пожалуйста, посмотрите на редактирование внизу для обновленного кода < /ress> < /p>
, пожалуйста, посмотрите на нижнюю часть для обновленного кода < /ress> < /p>
. import { Field, reduxForm } from 'redux-form';
const form = reduxForm({
form: 'register'
});
...
TESTING
Register
< /code>
и CSS StyleSheet: < /p>
#wrapper {
width: 100%;
margin: 0 auto;
}
.container {
display: flex;
justify-content: center;
}
header {
width: 100%;
height: 85px;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: black;
}
header h1#logo {
display: inline-block;
height: 85px;
line-height: 85px;
float: left;
font-size: 25px;
color: purple;
font-weight: 500;
}
#input-field {
background-color: rgba(255,255,255,0.1);
border-radius: 5px;
width: 150px;
height: 40px;
padding: 5px;
}
< /code>
edit < /strong> < /p>
решил вывести форму, но CS остается прежней. Как я могу сгибать следующее, чтобы достичь того, что я изначально хотел (хотел бы, чтобы H1 в левый и текстовый поле + кнопку справа? < /P>
TESTING
Register
Подробнее здесь: https://stackoverflow.com/questions/394 ... in-a-row-i
ReactJS: Как я могу выравнивать форму 's и и в ряду внутри
в ряду внутри