HTML: замена для <центра>

Я всегда думал та замена

тег с
получит меня те же результаты. По-видимому, я был неправ.

Это - часть моего HTML: (можно также видеть его в действии на странице, которую я создал для этого вопроса: http://www.catmoviez.com/ErrorPageSO.aspx

Oops... We're sorry.

You've just encountered an unknown error.

This site is a work-in-progress, we have already been informed of the error and will do our best to fix it.
We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.

You can go back to the Home page and continue using Moviez.NET.

Я хочу сделать 2 вещи:

  1. Избавьтесь от
    отметьте при хранении отделения в центре страницы.
  2. Удостоверьтесь, что внешний цвет фона ОТДЕЛЕНИЙ и граница влияют на внутренние промежутки.

ОБНОВЛЕНИЕ: Объективный 1 завершается. Время для объективного № 2.

7
задан Faruz 23 March 2019 в 06:31
поделиться

4 ответа

Используйте margin: 0 auto; в вашем включающем

<div style="margin: 0 auto; background-color:red;border:5px solid black;margin-top:5px;width:750px;text-align:center;">
  <span style="width:560px;padding-right:10px;text-align:left;">
  <h1>Oops... We're sorry.</h1>

  <h3>You've just encountered an unknown error. <br /></h3>
  This site is a work-in-progress, we have already been informed of the error and will do our best to fix it. <br />
  We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.<br />
  <br />
  <h3>
  You can go back to the <a style="text-decoration:underline;" href="Default.aspx">Home page</a> and continue using Moviez.NET.           
  </h3>
  </span><span style="width:180px;"><img src="Resources/Images/404.jpg" /></span>
</div>

Посмотрите, как это работает .

Ссылка: CSS: centering things

10
ответ дан 6 December 2019 в 12:51
поделиться

Если вы хотите просто центрировать текст, используйте этот стиль css:

text-align:center;

Однако, если вы хотите центрировать элемент или сам div, есть довольно некоторые решения для этого, одно из которых приведено ниже:

.mydiv
{
  margin:0 auto;
}

Или даже с чем-то вроде этого:

.mydiv
{
  width:300px; // the width can sometimes be ignored based on inherent size of element.
  margin-left:auto;
  margin-right:auto;
}

Или даже с чем-то вроде этого:

.mydiv
{
  margin-left:50%;
  margin-right:50%;
}

Итак, вы видите, может быть больше возможностей.

6
ответ дан 6 December 2019 в 12:51
поделиться

Встроенное содержимое выравнивается с выравниванием текста, содержимое блока выравнивается по полям (для случай центрирования). См. Центрирование с использованием CSS .

2
ответ дан 6 December 2019 в 12:51
поделиться

если вы пытаетесь центрировать div на странице, я обычно использую этот метод для моего основного оборачивающего div, чтобы центрировать страницу.

устанавливая левое положение на 50%, а затем оставляю поля назад влево половина ширины div.

пример ниже.

#mainspace {
    position:absolute;
    left:50%;
    margin-left:-450px;
    height:auto;
    width:900px;
    border:none;
    }
-1
ответ дан 6 December 2019 в 12:51
поделиться
Другие вопросы по тегам:

Похожие вопросы: