html怎么让一级导航居中,css 里面怎么让一个DIV居中 ?

第一种方式:设置body 居中。在CSS中的代码是(body{text-align:center;})第二种方式:用盒子模型,首先设置一个Div ,这个DIV的宽度为100%,然后在这个DIV居中,那么在这个DIV中加的内容就居中显示,代码如下:

第三种方式:margin:0 auto;

通常的方法为:先设置div的宽度,然后使用如下样式:

1

margin: 10px auto; /* 上下边距10px,左右边距自动以达到左右居中的目的*/

以下为示例:HTML代码中给出div

123  

添加样式

1234567   /*外层边框*/div.outer{width:200px;height:150px;border:1px solid green;}div.content{    width:100px;height:50px; /*设置大小*/    margin:20px auto;        /*设置左右边距自动以使其居中*/    border:1px solid red;}

显示效果

ec8e4a33dc5110e8c148d3889de2735b.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值