第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

Flex布局之子元素下篇

標(biāo)簽:
Html/CSS Html5 CSS3
flex布局之子元素下篇

这篇文章很早之前就想写了,最近想写的东西有很多,比如vue的,及其全家桶,日后再写吧。

其实flex布局的子元素的属性用的不多,我个人在做手机项目的网页布局的时候用的最多的还是父元素的属性,比如一些水平和垂直的居中了。
1.flex-grow

个人觉得还是很好用的,但是要注意是占据的是剩余空间的,如果想保证中间的自适应,两边固定,的布局方式还是可以考虑使用这种方式,不过我也建议去百度一下圣杯布局和双飞翼布局,然后看你的个人喜欢了,我是觉得flex布局实现这样的三栏布局是比较简单易懂的了。

2.flex-shrink

这个属性的默认值是1,也就缩小,所以当我们每次想想看看flex布局是多么的神奇的响应的时候,就是这个属性的原因。如果设置为0就不会缩小了。如果你看到了0,和1。想知道它是否可以输入负数,你可以去试试。

3.flex-base

给我的感觉是,基本都是用不上的感觉,完全被width和height替代的感觉,设置元素在主轴的固定大小,在分配多余空间之前

4.flex

子元素的flex布局的以上三个的总属性。

5.align-self

相当是父元素的align-items,就是多了个auto属性,主要是为了控制单个元素的位置,满足特殊的要求,其他基本都是一模一样,具体的属性值就看我的flex布局之父元素上篇

  1. order

这是元素用的也不多,用来排序,值越小越靠前,但是基本前端的排序,基本都可以写死的。。。

就到这了,上班以来都没双休过。。。TT

點擊查看更多內(nèi)容
3人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消