CSS階段總結

2021-09-05 08:54:28 字數 836 閱讀 5747

方法:為子元素設定浮動,然後在其父元素上使用clearfix類來清除浮動。**示例:

html部分:

a b

ccss部分:

.child

.clearfix::after

子元素為內聯元素、單個塊狀及多級塊狀元素布局方案不同,具體總結如下:

內聯元素:對父元素設定text-align: center;單個塊狀元素:對子元素設定margin: 0 auto;多個塊狀元素:有三種方式

a、子元素全部設定為display: inline-block;,父元素設定為text-align: center;

b、flex布局,父元素display: flex; justify-content: center;

c、如果是在多行各自居中,直接給子元素設定margin: 0 auto;子元素為單行內聯、多行內聯及塊狀元素布局方案不同,具體總結如下:

單行內聯元素:父元素高度一定,設定line-height等於height多行內聯元素:父元素設定:display: table-cell; vertical-align: middle;塊狀元素:1、固定高度的塊級元素:通過絕對定位元素距離頂部50%,並設定margin-top為向上偏移元素高度的一半

2、未知高度的塊級元素:借助css3中的`transform`屬性向y軸反向偏移50%的方法來實現

階段總結 2011 總結

今天晚上 09級的軟體學院的學生就要進行畢業聚餐,學生給我打 讓我參加。接到學生的 我很矛盾,這是我帶的第一屆學生,學生的學習時間只有兩年,而我也參加工作兩年了。學生畢業了,我也到了該總結的時候了。我在一所普通的高校工作,這所高校也是我的母校,研究生畢業後本來已經簽到西安中興了,可是耐不住家人的勸說...

階段總結 13 9 24

板子上的linux沒有v4l模組?目前只能想到這個原因了。花了一天的時間編譯核心zimage 以前沒試過 清清楚楚看到選v4l了。一會再裝一遍linux。今天編譯核心出現這個問題arm linux gcc command not found google之後發現時是環境變數沒設定對。網上方法好多。e...

jquery easyui 階段總結

近期使用jquery easyui比較多,現在總結一下幾種常用的方法 獲取當前行索引 var index productattrgrids datagrid getrowindex row 根據已知索引獲取行 var row productattrgrids datagrid getrows ind...