Css 当我尝试在引导中垂直居中时,div会变窄
我想将内容集中在div中。但如果我使用auto-it将其居中,但会缩小div,如图所示: 没有我的汽车: 使用我的汽车: 正如你所看到的,当使用我的汽车时,我将内容集中在div上,但缩小了范围。 我怎样才能使它不致收缩呢Css 当我尝试在引导中垂直居中时,div会变窄,css,Css,我想将内容集中在div中。但如果我使用auto-it将其居中,但会缩小div,如图所示: 没有我的汽车: 使用我的汽车: 正如你所看到的,当使用我的汽车时,我将内容集中在div上,但缩小了范围。 我怎样才能使它不致收缩呢 <!DOCTYPE html> <html> <head> <title>TODO supply a title</title> <meta charset="
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<LINK REL=StyleSheet HREF="css/bootstrap.css" TYPE="text/css">
<link rel="stylesheet" href="estilos_menu.css">
</head>
<body>
<div class="container-fluid">
<div class="row " style="min-height:75px;">
<div class="col-sm-2 col-lg-1 bg-primary " style="z-index:3;">
<!--<div class="hamburguer">-->
<div id="header">
<ul class="nav">
<li><img class="icono" src="hamburguer.png">
<ul>
<li><a href="">Tienda</a>
<ul>
<li><a href="">Ver todo</a></li>
<li><a href="">Armarios</a></li>
<li><a href="">Sillas</a></li>
<li><a href="">Sillones</a></li>
<li><a href="">Sofás</a></li>
<li><a href="">Mesas</a></li>
<li><a href="">Mesillas y cajoneras</a></li>
<li><a href="">Lámparas</a></li>
</ul>
</li>
<li><a href="blog_principal.php">Blog</a>
<ul>
<li><a href="minimalista.php">Estilo minimalista</a></li>
<li><a href="nordico.php">Estilo nórdico</a></li>
<li><a href="retro.php">Estilo retro</a></li>
<li><a href="rustico.php">Estilo rústico</a></li>
<li><a href="clasico.php">Estilo clásico</a></li>
<li><a href="exteriores.php">Espacios exteriores</a></li>
<li><a href="fusion_estilos.php">Fusión de estilos</a></li>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div> <!-- div col-->
<div class="col-sm-10 col-lg-6 bg-danger ">
<div class="row">
<div class="col-2">
<a href="#">BOKDEKÓ</a>
</div>
<div class="col-2">
<a href ="#">Cuenta</a>
</div>
<div class="col-2">
<a href ="#">Registrarse</a>
</div>
<div class="col-6">
Busca productos
<input type=text name=buscar size='12' maxlength='15' value=''>
</div>
</div>
</div><!--div col-->
<div class="col-sm-12 col-lg-5 bg-info "><!--align-self-center-->
<div class="row ">
<div class="col-3 ">
<a href="#">Mi lista</a>
</div>
<div class="col-3 bg-success">
<a href ="#">Carrito</a>
</div>
<div class="col-6 bg-warning">
<a href="#">Hola</a>
</div>
</div>
</div> <!--div col-->
</div> <!--div row-->
</div>
<script src="js/popper.min.js" type="text/javascript"></script>
<script src="js/jquery-3.5.1.slim.min.js" type="text/javascript"></script>
<script src="js/utilidades.js" type="text/javascript"></script>
</body>
</html>
提供头衔
-
-
-
布斯卡产品
my auto将自动设置页边距,使其仅包含其中的内容
如果希望边距更大,则必须在CSS中覆盖此样式。您是否尝试将自定义id添加到div,或者您可能必须使用!关于您要更改的样式很重要
希望这有帮助,祝你好运