@sanwuzuhe不懂就问1-1>关于垂直显示和并排显示的盒子

来源:2-1 浮动的基本概念

好学手慕白白

2021-04-24 01:26:37

http://img.mukewang.com/climg/60830186094799a010700588.jpg

@sanwuzuhe不懂就问1-1篇

竟然垂直显示的盒子不要设置浮动那请问设置什么?

下列是不是老师所说的垂直显示的盒子用法

工作中哪些网站会经常用到?



绝对定位的盒子垂直居中

top: 50%;:先让盒子上侧移动到父级元素的垂直中心位置

margin-top: -50px;:再让盒子向上移动自身高度的一半


————————————————

版权声明:本文为CSDN博主「山山而川-T」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/Valentine_T/article/details/107586119


写回答

2回答

好帮手慕久久

2021-04-24

同学你好,解答如下:

1、本站禁止粘贴外网链接和图片,所以请同学不要粘贴其他博客的链接。并且本站的教学服务仅限于课程中的内容,外网中的知识点,老师是不提供服务的呦~

2、ppt中的“垂直显示”不是下面的意思(此处是后面的知识点,当前课程还没有学):

http://img.mukewang.com/climg/60837fe4098fcce406060147.jpg

是“每个块级元素独占一行,从上往下顺序排列“的意思:

http://img.mukewang.com/climg/6083801d09801c4106870128.jpg

http://img.mukewang.com/climg/60838039098c5ee404140161.jpg

这是块级元素最常见的布局方式,几乎所有网站都有这样的结构。

3、浮动的作用就是让块级元素在一行显示。正常情况下,块级元素默认是独占一行显示的。如下描述:

http://img.mukewang.com/climg/60837f140961bd6307220120.jpg

意思是:如果你想让盒子(块级元素)“垂直显示”,那么就不要给它们设置浮动,否则它们就会在一行显示了,效果就不对了。盒子(块级元素)默认情况下就是“垂直显示”的,此时什么都不用设置。

4、大多数网站都离不开浮动,只要内容有水平排列的情况,就可能会用到浮动。

祝学习愉快!

1

好学手慕白白

提问者

2021-04-24

谢谢老师,下次我会注意的?

0

0 学习 · 15276 问题

查看课程