方法:為子元素設定浮動,然後在其父元素上使用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...