in

css – Cómo alinear a en el medio (horizontalmente / ancho) de la página

apple touch icon@2

Si tiene algún contenido regular, y no solo una línea de texto, la única razón posible que conozco es para calcular el margen.

Aquí hay un ejemplo:

HTML

<div id="supercontainer">
  <div id="middlecontainer">
    <div class="common" id="first">first</div>
    <div id="container">
      <div class="common" id="second">second</div>
      <div class="common" id="third">third</div>
    </div>
  </div>
</div>

CSS

body {
  margin: 0;
  padding: 0;
}

.common {
  border: 1px solid black;
}

#supercontainer {
  width: 1200px;
  background: aqua;
  float: left;
}

#middlecontainer {
  float: left;
  width: 104px;
  margin: 0 549px;
}

#container {
  float: left;
}

#first {
  background: red;
  height: 102px;
  width: 50px;
  float: left;
}

#second {
  background: green;
  height: 50px;
  width: 50px;
}

#third {
  background: yellow;
  height: 50px;
  width: 50px;
}

Entonces, #supercontainer es tuyo "whole page" y es width es 1200px.

#middlecontainer es div con el contenido de su sitio; es width 102px. En caso de width del contenido es conocido, debe dividir el tamaño de la página en 2 y restar la mitad del contenido width del resultado: 1200/2 – (102/2) = 549;

Sí, también veo que esto es der grosse falla de CSS.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Función de biblioteca C – getchar ()

gfg 200x200 min

Árbol binario | Conjunto 1 (Introducción)