你對彈性盒了解的全嗎?

2021-10-07 12:32:16 字數 591 閱讀 4994

彈性盒:是css3新增加的一種布局形式,目的是當頁面在不同的螢幕尺寸上去顯示時,使元素擁有恰當的顯示效果

彈性盒有兩部分組成:彈性容器及彈性子元素

彈性容器設定:display:flex;

彈性子元素在主軸上的對齊方式:justify-content:flex-start\center\flex-end\space-between\space-around(如果子元素自左向右排列,主軸是x,自上而下時主軸是y)

彈性子元素的排列方式:flex-direction:

彈性子元素在側軸上的對齊方式:align-items

彈性子元素是否允許換行顯示:flex-wrap:nowrap(預設值)

彈性子元素行的設定align-content(必須與flex-wrap連用)

彈性子元素在父元素中所佔分數flex

彈性子元素佔剩餘空間的分數flex-grow

彈性子元素的寬度 flex-basis 相當於width

彈性子元素的縮放flex-shrink 預設為1允許 0 不允許

彈性子元素的排列順序order 值越小與靠前(可以設定為負值)

單獨設定彈性子元素align-self:

你了解你自己的公司嗎?

市場定位是什麼?你是否想像過你現在的客戶都是什麼樣的人?如果可能的話,先試著統計一下他們的基本情況,如 性別 年齡 婚姻狀況 工作內容和工作領域。再想像一下客戶們的價值觀,如他們的生活方式 生活態度等。你對你潛在的客戶了解的越多,就越容易和他們溝通,也越容易取得他們的信賴。無論是新客戶還是老客戶,信...

你了解你自己的公司嗎?

市場定位是什麼?你是否想像過你現在的客戶都是什麼樣的人?如果可能的話,先試著統計一下他們的基本情況,如 性別 年齡 婚姻狀況 工作內容和工作領域。再想像一下客戶們的價值觀,如他們的生活方式 生活態度等。你對你潛在的客戶了解的越多,就越容易和他們溝通,也越容易取得他們的信賴。無論是新客戶還是老客戶,信...

你對CSS權重真的足夠了解嗎?

個人部落格了解一下 obkoro1.com important 優先順序最高,但也會被權重高的important所覆蓋 行內樣式總會覆蓋外部樣式表的任何樣式 除了 important 單獨使用乙個選擇器的時候,不能跨等級使css規則生效 如果兩個權重不同的選擇器作用在同一元素上,權重值高的css規則...