ReactJS: Как я могу выравнивать форму 's и и

в ряду внутри
? ⇐ Html

1 сообщение • Страница 1 из 1

Anonymous

ReactJS: Как я могу выравнивать форму 's и и

в ряду внутри
?

Цитата

Сообщение Anonymous » 23 апр 2025, 12:05

У меня есть и внутри контейнера. Как я могу заставить их выровнять в одном и том же ряду, рядом друг с другом и в середине контейнера вертикально? />
Верхняя черная порция-это навигационная панель, и я хочу, чтобы бок о бок выровнял их подряд, рядом друг с другом слева направо и выровняйте их вертикально в середине навигационной панели: 

, пожалуйста, посмотрите на редактирование внизу для обновленного кода < /ress> 

, пожалуйста, посмотрите на нижнюю часть для обновленного кода < /ress> 

. import { Field, reduxForm } from 'redux-form';

const form = reduxForm({
form: 'register'
});

...

TESTING

Register

< /code>

и CSS StyleSheet: 

#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 

решил вывести форму, но CS остается прежней. Как я могу сгибать следующее, чтобы достичь того, что я изначально хотел (хотел бы, чтобы H1 в левый и текстовый поле + кнопку справа? 

TESTING

Register

Подробнее здесь: https://stackoverflow.com/questions/394 ... in-a-row-i

1745399113

Anonymous

 У меня есть   и   внутри контейнера. Как я могу заставить их выровнять в одном и том же ряду, рядом друг с другом и в середине контейнера вертикально? />
Верхняя черная порция-это навигационная панель, и я хочу, чтобы бок о бок выровнял их подряд, рядом друг с другом слева направо и выровняйте их вертикально в середине навигационной панели: < /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




 

Подробнее здесь: [url]https://stackoverflow.com/questions/39421633/reactjs-how-can-i-align-form-fields-input-and-button-and-h1-in-a-row-i[/url]