???????CSS5 > DIV CSS???? >

display (none block inline)????

?????????2010-05-29 10:54:29 ?????css5.com.cn

??????CSS???????????????????????display??????block??none??inline??????????????????????????????????????????????????CSS display????????????????????????????DIV CSS display??

??
  1. CSS display???
  2. display???????
  3. css display block???
  4. css display none????
  5. css display inline

???CSS display???     -   TOP

?????DIV CSS????dispaly?????????dispaly?????

CSS????

.CSS5{display:none}

Html????????

<div class="CSS5">???????????</div>

??????????????DIV+CSS????????y??

????display
1??div{display:block} ????????
????????????????????????????//www.css5.com.cn/jiqiao/55.shtml

2??div{display:None } ????????????????
??????CSS????HTML???? //www.css5.com.cn/jiqiao/55.shtml

3??div{display:Inline } ??????????
???????????li???????????li{display:Inline }

????display???????     -   TOP

Css display??????-????????CSS?????CSS display?????
??????

block :???????????????????????????????
none :?????????visibility?????hidden?????????????????????????????
inline :?????????????????????????????????
compact :?????????????????????????????????
marker :??????????????????????????????????????????:after??:before ?????????
inline-table :?????????????????????????????????
list-item :???????????????????????????????????
run-in :?????????????????????????????????
table :??????????????????????
table-caption :??????????????????
table-cell :??????????????????
table-column :?????????????????
table-column-group :???????????????????
table-header-group :????????????????????
table-footer-group :???????????????????
table-row :?????????????????
table-row-group :???????????????????

????css display block     -   TOP

Display:block???????????block???Display???????
?????????????????????????
css display block???

CSS????

.CSS5{display:block} 

Html??????????

<span class="CSS5">?????????????</span>?????????CSS5???CSS??????? 
<span>????????,????????????display:block</span>

?????????:
div+css display
??????????span????????????????CSS???????????????????????????DIV display:block?????????????????????

???css display none????????     -   TOP

??display??none??????????????????????????????????????????????????????????????
??????CSS????????//www.css5.com.cn/jiqiao/55.shtml

?]css display inline     -   TOP

Display:inline,?????????li?????????????????li?????????????????
???????????????????li???????????css Display inline?????????????????

Css????

ul.CSS5 li{display:inline}

?????ul.CSS5???li css????????display:inline

Html???????

<ul> 
<li>?????ul???CSS5???</li>
<li>???????</li>
<li>???????</li>
</ul>

<ul class="CSS5">
<li>?????ul??CSS5???</li>
<li>????????</li>
<li>????CSS5??li??????</li>
</ul>

?????????
div css display none inline
?????????css?display:inline??li????li????????????????li???????????????????????CSS?????

??????CSS5????????????????CSS display???????????display none??display inline??display block???????????????????????????????????????????????CSS5??CSS??????????????????

???(Tag): display block inline
???????URL?????/css/291.shtml

?????css5

??????CSS ????????????
??????css ???????(css color???)