Как мне переместить весь компонент html в центр страницы? - PullRequest
Новая
       0

Как мне переместить весь компонент html в центр страницы?

0 голосов
/ 19 июня 2020

Я новичок в HTML Хочу задать этот вопрос. как мне переместить все элементы в центр страницы? см. рисунок ниже enter image description here

Ответы [ 4 ]

1 голос
/ 19 июня 2020

Вам нужно использовать flexbox и оборачивать элементы внутри блока с фиксированным размером. 

.parent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.parent__inner {
  width: 500px;
}
<div class="parent">
  <div class="parent__inner">
     <!-- child items -->
  </div>
</div>
0 голосов
/ 19 июня 2020

Просто сделайте div, содержащий ваш from, и сделайте его style align: center; как пример ниже: 

<!DOCTYPE html>
<html>
<body>
<p>welcome</p>
<div style="text-align: center;">
<form>
  <label for="x1">Input x1:</label>
  <input type="text" id="x1" name="x1"><br>
  <label for="x2">Input x2:</label>
  <input type="text" id="x2" name="x2"><br>
  <button type="button">Compute</button><br>
  <button type="button">Clean</button><br>
  <label for="Midpoint">Midpoint result:</label>  
  <input type="text" id="Midpoint" name="Midpoint" placeholder="Try again"><br>
</form>
</div>
</body>
</html>
0 голосов
/ 19 июня 2020

В вашем коде HTML вы можете использовать тег (однако вы не можете использовать его в HTML 5, потому что он его не поддерживает). Так что, если вы используете HTML 4, вы можете его использовать. В вашем коде CSS вы можете использовать "text-align: center;" (не включайте двойные кавычки)

0 голосов
/ 19 июня 2020

Вы должны использовать css стили или добавить атрибут style = "text-align: center" для элемента формы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...