温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好,那我们继续来上课,那么这节课呢,我们再来看我们的这个合资模型中的最后一部分,叫什么拍顶啊,也是我们的内间距。那么其实外间距我们会了,那么内间距跟它是一样的啊,跟它是一样的,咱们来看在这里面也一样,我们新建一个文件。叫做13啊盒子模型之内补白,内补白啊内补白咱们就拍定对吧,比如说这里边我们给他一个这个元素啊,叫做盘标签,然后呢,这里边写上叫做呃,叫什么呢?叫做我。是内容吧,好吧,就给这么多吧,啊,然后来个style标签,我们来看一下,比如在这里边我们先找找到这个SPA。对吧,我就设置这一个SPA了啊,找到这个SPA,现在咱们来看啊,这里边有个我是内容对不对,那咱们现在学了边框,我就直接buildd borderder移像素,实现了红色边框,让看的更清楚一些,OK,有了有了以后现在咱们看我可以设置什么呢?设置pdd pading杠距离左侧有十像数的大小,来你看走你。诶是不是有了对吧,那一样能距离左侧pad的PA-top距离顶部,比如说二次像素,那你看现在它距离顶部。
01:08
是不是也有了对吧,当然,但是内容会超出去对吧,哎,那比如说也一样能小点吧,十像数来。走,你。直项数没有,因为它顶上是八项数是吧,那OK,咱给这个元素定位走了来,PI per等于阿8UT。阿巴斯绝对定位对吧,距离top均顶部100 left也为100。那这个时候你再来看过来是不是就有了,哎,那完事以后再来我还可以干嘛呢?撇D的ing距离右侧与为二次常数来,你看轴力右侧是不是也有了,哎,那还能干嘛?距离底部啊,那底部比如说padd PA-BOT为多少为这个呃,也为20像素吧,那你看现在它距离底部是不是也有20像素啊对不对?哎,这就是咱们的内间距那么一样,我能这么去设置,我也可以怎么去设置呢?我也可以给它单独的来设置,比如说这里边pad拍Ding同时设置,对吧?设置什么上右下左四个内间距啊,比如上边为十,这个右边为20,底下为30,左边为40,那这个时候我们再来看。
02:12
走你,那你看上右下左是不是也有了,哎,那再来我还能干嘛呢?我还可以设置什么?设置三个值,比如说PDG上边为十左右为20,然后底部为30,那你看我这么设置我的这个元素在我当前文本这个在这个内容在我当前元素里边是不是水平居中的,看到了吗?两边大小是一致的对吧?顶和底是不一致的,那要这么说的话,也就是说我是不是可以通过拍顶也能实现一种元素居中的方式啊,对吧?那比如说这里边我上下为20左右为40,那你看当前在这里边是不是就是居中了。看不看到哎,那OK,那能这么设置还可以怎么办?我是不是可以同时用一个对吧?Pad拍顶,同时设置上右下左为四次像三个像素好了,那这个时候你看是不是也是一样居中的效果,看到了吧?哎,上右下左都为什么30啊,这就是咱们的拍顶啊,这就是咱们的拍顶。
03:05
好吧,所以刚才我说了,只要是什么,只要是marin我们会了,那么实际上maring跟pading是不是一样的,对不对?哎,所以它的用法是一样的啊,你marin这里面怎么用的,我PA定也一样怎么用,但是注意啊,你拍定里边不能设置PA定零左右自动啊,内间距没有自动,只有这个外间距才有这个自动,有了这个自动才能干嘛呀,才能让它在这里边进行在快转元素进行居中啊,不信你看,比如说在这里边我它左右自动,咱们来看什么效果啊,哎呦凹凸。那你看这块喷逆器是不是始终给我标红色,哎,因为什么,因为拍定里面没有凹凸这个属性啊,拍定里面没有凹凸这个属性来刷新。是不是不好使了,所以注意paing里边是对它是不好使的啊,但是用法PA顶跟慢ing的用法都是一样的,对吧,你可以单独设置什么顶部左侧底部什么右侧对吧,也可以干嘛同时设置啊,那这个这块内容的这个笔记我就不给大家补在这儿了,大家下来以后自己来补这块啊,这就是咱们的拍顶,咱们的内间距啊好,那这节课我们先到这里。
我来说两句