任务弄不出来啊
补充代码任右侧中的 class 为 wrap 的 div 水平居中显示（要注意是这个 div元素 居中，而不是里面的文本居中啊）。（记得点击右上角的全屏按钮查看效果哦！）这个是怎么弄到
迷茫的小松鼠
2016-11-07
4 回答
通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中。
这里是写在头文件里的css样式
.wrap{<!-- 这里使用在父元素的CSS样式，给父元素设置 position:relative 和 left:50% 外部div盒子-->
clear:both;
float:left;
position:relative;
left:50%
}
.wrap-center{<!--子元素CSS样式 子元素设置 position:relative 和 left: -50%-->
background:#ccc;
position:relative;
left:-50%;
这是HTML的<body>部分的代码 两个div。
<div class="wrap"><!--这个盒子由左向右移动50%，这个框的最左端和你得浏览器中间对齐了>
<div class="wrap-center">我们来学习一下这种方法。</div><!--在上面这个框里再写入一个框，此时left:-50%,补救刚好把这个内部盒子的中间分界线和外部盒子最左端对齐了吗。如果left:0%,内部盒子就是最左端和外部盒子最左端对齐的。你可以尝试。都全屏看看效果就能理解了。-->
</div>
举报
0/150
提交
取消
