關於flex的list style 問題

2021-08-18 13:07:31 字數 354 閱讀 3258

前面在使用li設為flex發現,設定這個屬性之後我的li的list-style屬性失效了,

發現是list-style這個屬性的問題;

首先這個list-style作用的基礎是元素的display屬性值基於display:list-item的基礎上的

display:list-item會讓元素以列表塊元素的形式存在,之後我們蔡可以設定list-style,現在我們將display:flex設為這個,所以就覆蓋了display:list-item,以至於我們的list-style失效了。

解決方式1  給li的子元素分別設定float

解決方式2  在li裡面在套乙個div 對div使用flex

感謝  

關於flex的反射

最近公司要求做乙個通用的flex元件,通過配置xml配置檔案來動態的生成flex介面 flex有反射技術,於是遍採用配置類名通過反射生成ui類並在介面上做展示 private function reflectcomponent xml xml uicomponent 這段 看似沒有問題,但是卻就是不...

關於flex布局

任何乙個容器都可以指定為flex 布局。box行內元素也可以使用flex布局。box需要注意的是,設為flex布局以後,子元素的float clear和vertical align屬性將失效弄清楚 幾個基本的概念 我們知道盒子模型 下面可以理解為 flex 模型 容器預設存在兩根軸 水平的主軸 ma...

Flex學習筆記 關於Flex裡的事件

事件是flex重要的部分,對於事件的學習也是flex學習中重要的環節 1,簡單的事件派發 這裡先新建乙個專案,再新建乙個component名字為eventimage,這個元件eventimage的mxml 如下 這裡我將事件的型別直接用 flash.vents.event.complete。再看主程...