Как разместить div в середине экрана, когда страница больше, чем экран

Измените владельца и группу на точке монтирования.

Пример:

$ df -h
Filesystem      Size  Used Avail Use% Mounted on
/dev/sdb1       441G  194G  225G  47% /discworld

и

discworld@schijfwereld:/$ ls -l /
drwxrwxr-x  11 discworld discworld  4096 Mar 29 22:15 discworld

я сделал это с

sudo chown -R discworld:discworld /discworld

, и все файлы принадлежат моей учетной записи Ubuntu.

135
задан Hussein 16 February 2011 в 03:33
поделиться

2 ответа

Попробуйте этого.

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
0
ответ дан 23 November 2019 в 23:43
поделиться

Два способа расположить тег посреди экрана или его родительский тег:

Используя положения:

Набор родительский тег position к relative (если целевой тег имеет родительский тег) и затем устанавливает целевой стиль тега как это:

#center {
  ...  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Используя гибкий провод:

родительский стиль тега должен быть похожим на это:

#parent-tag {
  display: flex;
  align-items: center;
  justify-content: center;
}
1
ответ дан 23 November 2019 в 23:43
поделиться