html和CSS第五天的笔记

紫辰花月 2018-08-18 14:47:49

居中:

1.必须是块级元素;

2.盒子必须指定了宽度(width)

1.盒子里的内容居中对齐

text-align: center;/*可以让盒子内容(文字 行内元素 行内块元素)居中对齐*/

width: 300px;

height: 100px;

background-color: pink;

2.盒子在网面中的居中对齐

margin:50px auto; /*通俗写法0 auto 上下是0 左右是水平居中对齐*/

/*margin-left: auto;左侧自动充满 */

/*margin-right: auto;右侧自动充满*/

***两个盒子上下距离如果设置上边距 也设置了下边距,以最大的值为准。

**外边距塌陷 就是在两个盒子嵌套的情况下 子盒子设置上边距会带走父盒子上边距

解决方案:

1.用border 设置一边距(撑大盒子)

2.用padding设置一边距(撑大盒子)

3.overflow:hidden;

紫辰花月
作者紫辰花月
13日记 1相册

全部回应 0 条

添加回应

紫辰花月的热门日记

豆瓣
免费下载 iOS / Android 版客户端