- 1.display:設(shè)置對象是否顯示决摧。
- 2.float:指出對象是否及如何浮動偶芍。
- 3.clear:指出了不允許有浮動對象的邊纬黎。
- 4.visibility:是否隱藏太援,與display隱藏不同闽晦,visibility隱藏的時候保留元素占據(jù)的位置。
- 5.overflow:設(shè)置對象處理溢出內(nèi)容的方式提岔。
- 6.overflow-x:設(shè)置在橫向溢出內(nèi)容的方式仙蛉。
- 7.overflow-y:設(shè)置在縱向溢出內(nèi)容的方式。
1.display取值
1.block:指定對象為塊元素碱蒙。
2.flex:將對象作為彈性伸縮盒顯示荠瘪。(小程序推薦使用伸縮盒子)
3.inline:指定對象為內(nèi)聯(lián)元素。
4.inline-block:指定對象為內(nèi)聯(lián)塊元素赛惩。
5.inline-flex:將對象作為內(nèi)聯(lián)塊級彈性伸縮盒顯示哀墓。
6.inline-table:指定對象作為內(nèi)聯(lián)元素級的表格。
7.list-item:指定對象為列表項目喷兼。
8.none:隱藏對象篮绰。不占物理位置。
9.table:指定對象最為塊元素級的表格季惯。
2.float(取值:left吠各,right,none勉抓,inherit贾漏。)
定義了元素在那個方向浮動,浮動元素會生成一個塊級框藕筋,而不論它本身是何種元素磕瓷。
float 在絕對定位中不起作用。大多數(shù)企業(yè)網(wǎng)站布局都是以float來定位念逞。
3.clear:該屬性指出不允許有浮動對象的邊困食。(取值:left,right翎承,both硕盹,none.)
none:允許兩邊可以浮動。
left:不允許左邊有浮動對象叨咖。
right:不允許右邊有浮動對像瘩例。
both:兩邊都不允許浮動啊胶。
4.visibility:是否顯示對象(取值:visible,hidden垛贤,collapse焰坪。)
- visible:設(shè)置可見。
- hidden:設(shè)置隱藏(隱藏了也占位置)聘惦。
- collapse:隱藏表格的行或者列某饰。
5.overflow:處理溢出內(nèi)容的方式。(取值:visible善绎,hidden黔漂,scroll,auto禀酱。)
- visible:對溢出內(nèi)容不做處理炬守,內(nèi)容可能會超出容器。
- hidden:隱藏溢出容器的內(nèi)容且不會出現(xiàn)滾動條剂跟。
- scroll:隱藏溢出容器的內(nèi)容减途,溢出的內(nèi)容將以卷動滾動條的方式呈現(xiàn)。
- auto:當(dāng)內(nèi)容沒有溢出容器的時候不出現(xiàn)滾動條曹洽,當(dāng)內(nèi)容溢出容器的時候出現(xiàn)滾動條鳍置。按需出現(xiàn)。
overflow-x:橫向處理溢出內(nèi)容的方式(取值:visible衣洁,hidden,scroll抖仅,auto坊夫。)
overflow-y:縱向處理溢出內(nèi)容的方式(取值:visible,hidden撤卢,scroll环凿,auto。)