Как я центрирую отделение и заставляю его расшириться вокруг отделений в нем?
В моем случае я получал следующую ошибку из journalctl -xe command
unable to configure the Docker daemon with file /etc/docker/daemon.json: invalid character 'â' looking for beginning of object key string
Просто очистите /etc/docker/daemon.json с
{
}
4 ответа
Используйте auto в качестве левого и правого поля для центрирования элемента.
Поместите элемент после плавающих элементов и используйте clear , чтобы поместить его под ними. Поскольку он не плавающий, это повлияет на размер внешнего блока div.
<div style="margin: 0 auto; background-color: Red; width: 980px;" id="container">
<br />
<br />
<br />
<br />
<div style="width: 400px; background-color: Black; float: left;">
<br />
<br />
</div>
<div style="width: 400px; background-color: Blue; float: left;">
<br />
<br />
</div>
<div style="clear: both; height: 0; overflow: hidden;"></div>
</div>
это непростой вопрос, но я использую следующий код в таблицах стилей;
<style>div.sentor {text-align: center; height: 100%;} div.child{margin-left: auto; margin-right: auto; width: 95%; height: 100%;}</style>
затем в теле;
<div class="sentor">
<div class="child">
<div id="mycontent">
это должно помочь
Возможно, я недостаточно хорошо понимаю ваш вопрос, но я думаю, что вы ищете что-то похожее на это. Вот наш простой макет:
<html>
<head>
...
</head>
<body>
<div id="center">
<!-- your content -->
</div>
</body>
</html>
Чтобы содержимое div # center переместилось в центр страницы, нам понадобится следующий CSS:
body {
text-align: center;
}
div#center {
text-align: left;
width: 600px; // Or some other arbitrary width
margin: 0 auto;
}
Он будет центрировать все в теле. Однако text-align: center; Свойство также будет применено к дочерним элементам body, поэтому мы отменяем это с помощью второго правила стиля. В качестве альтернативы, вместо div # center вы можете использовать следующее правило стиля:
body * {
text-align: left;
}
Использование:
<div style="margin:0 auto; overflow:hidden; background-color: Red; width: 980px; id="container">
Поля: 0 авто; будет центрировать красный div.
Переполнение: скрыто; заставит красный div растянуться, чтобы он содержал два плавающих div.