日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

<abbr id="6c2a8"><dl id="6c2a8"></dl></abbr>

<abbr id="6c2a8"></abbr>

<cite id="6c2a8"><dd id="6c2a8"></dd></cite>

<abbr id="6c2a8"></abbr>

模板無(wú)憂(yōu)

每日更新|TOP排行榜|Tag標(biāo)簽|充值

無(wú)憂(yōu)首頁(yè) 網(wǎng)頁(yè)模板程序模板建站教程視頻教程網(wǎng)頁(yè)特效圖標(biāo)素材字體下載站長(zhǎng)工具站長(zhǎng)問(wèn)答

Div+Css教程模板無(wú)憂(yōu)>建站教程>Div+Css教程>Div+CSS教程>

收藏分享查看評(píng)論 Div+CSS教程

ol有序列表居然沒(méi)有按順序顯示的奇怪現(xiàn)象_Div+CSS教程

編輯Tag賺U幣

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

　　ol有序列表是按順序顯示的一種列表形式，但假如你沒(méi)有聲明或給li列表項(xiàng)設(shè)置了寬度，可能會(huì)出現(xiàn)不按順序顯示的希奇現(xiàn)象。我們看下面的代碼：

代碼調(diào)試框 [www.hl5o.cn]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>person resume</title>
<style>
body{margin:5px 0;text-align:center;background-color:#828598;}

#all{margin:auto;text-align:left;background:#ffffff;width:700px;}
#head{height:200px;background:url(sky2.jpg);}
#general,#judge,#object,#skill,#experience,#award{width:660px;padding:2px 5px 0;margin:0 auto;}
#top{border-bottom:1px #8C8C8C dashed;padding:5px 5px 2px;margin:5px 0;}
#left{font:bold 14px "Times New Roman", Arial,Times, serif;}

h2{width:650px;font-size:18px;color:#EFEEE3;text-align:left;background-color:#E56B2E;padding:8px 10px 4px;margin-left:2px;margin-bottom:2px;}

#oul{margin:0px 5px 0;}

li{border-bottom:1px #8C8C8C dashed;padding:5px 5px 2px;list-style-position: inside;width:300px;}

#line{background-color:#828688;height:1px;font-size:1px;margin:10px 0;}

</style>
</head>

<body>
<div   class="znjbzjn"   id="all">
<div   class="znjbzjn"   id="head"></div>

<div   class="znjbzjn"   id="general">省略若干。。。
</div>

<div   class="znjbzjn"   id="judge">
<h2>自我評(píng)價(jià)</h2>
<div   class="znjbzjn"   id="top"></div>
</div>

<div   class="znjbzjn"   id="object">
<h2>求職意向</h2>
<div   class="znjbzjn"   id="top">目標(biāo)地點(diǎn)</div>
<div   class="znjbzjn"   id="top">期望工資</div>
<div   class="znjbzjn"   id="top">目標(biāo)職位</div>
</div>

<div   class="znjbzjn"   id="skill">
<h2>技能</h2>
<ol id="oul">
<li>熟悉windows各操作系統(tǒng)的使用，維護(hù)，安裝及相關(guān)的網(wǎng)絡(luò)治理</li>
<li>熟練把握Dreamweave及photoshop的使用</li>
<li>熟悉asp，html，xhtml，css2.0，javascript；初步了解php，xml，rss</li>
<li>能夠手寫(xiě)代碼</li>
</ol>
</div>

<div   class="znjbzjn"   id="experience">
<h2>工作經(jīng)驗(yàn)&教育經(jīng)歷</h2>
<div   class="znjbzjn"   id="work1">
。。。。
</div>
<div   class="znjbzjn"   id="work2">
。。。。
</div>
<div   class="znjbzjn"   id="line"></div>
<ul id="oul">
<li></li>
<li></li>
</ul>
</div>

<div   class="znjbzjn"   id="award">
<h2>證書(shū)</h2>
<ol id="oul">
</ol>
</div>

<div   class="znjbzjn"   id="foot">Last Modified:2005/12/07</div>
</div>

</body>
</html>

[ 可先修改部分代碼再運(yùn)行查看效果 ]

　　解決的方法是去舊li的寬度聲明，或?qū)挾葘傩缘闹翟O(shè)為auto�？聪旅娴拇a：

代碼調(diào)試框 [www.hl5o.cn]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>person resume</title>
<style>
body{margin:5px 0;text-align:center;background-color:#828598;}

#all{margin:auto;text-align:left;background:#ffffff;width:700px;}
#head{height:200px;background:url(sky2.jpg);}
#general,#judge,#object,#skill,#experience,#award{width:660px;padding:2px 5px 0;margin:0 auto;}
#top{border-bottom:1px #8C8C8C dashed;padding:5px 5px 2px;margin:5px 0;}
#left{font:bold 14px "Times New Roman", Arial,Times, serif;}

h2{width:650px;font-size:18px;color:#EFEEE3;text-align:left;background-color:#E56B2E;padding:8px 10px 4px;margin-left:2px;margin-bottom:2px;}

#oul{margin:0px 5px 0;}

li{border-bottom:1px #8C8C8C dashed;padding:5px 5px 2px;list-style-position: inside;width:auto;}

#line{background-color:#828688;height:1px;font-size:1px;margin:10px 0;}

</style>
</head>

<body>
<div   class="znjbzjn"   id="all">
<div   class="znjbzjn"   id="head"></div>

<div   class="znjbzjn"   id="general">省略若干。。。
</div>

<div   class="znjbzjn"   id="judge">
<h2>自我評(píng)價(jià)</h2>
<div   class="znjbzjn"   id="top"></div>
</div>

<div   class="znjbzjn"   id="object">
<h2>求職意向</h2>
<div   class="znjbzjn"   id="top">目標(biāo)地點(diǎn)</div>
<div   class="znjbzjn"   id="top">期望工資</div>
<div   class="znjbzjn"   id="top">目標(biāo)職位</div>
</div>

<div   class="znjbzjn"   id="skill">
<h2>技能</h2>
<ol id="oul">
<li>熟悉windows各操作系統(tǒng)的使用，維護(hù)，安裝及相關(guān)的網(wǎng)絡(luò)治理</li>
<li>熟練把握Dreamweave及photoshop的使用</li>
<li>熟悉asp，html，xhtml，css2.0，javascript；初步了解php，xml，rss</li>
<li>能夠手寫(xiě)代碼</li>
</ol>
</div>

<div   class="znjbzjn"   id="experience">
<h2>工作經(jīng)驗(yàn)&教育經(jīng)歷</h2>
<div   class="znjbzjn"   id="work1">
。。。。
</div>
<div   class="znjbzjn"   id="work2">
。。。。
</div>
<div   class="znjbzjn"   id="line"></div>
<ul id="oul">
<li></li>
<li></li>
</ul>
</div>

<div   class="znjbzjn"   id="award">
<h2>證書(shū)</h2>
<ol id="oul">
</ol>
</div>

<div   class="znjbzjn"   id="foot">Last Modified:2005/12/07</div>
</div>

</body>
</html>

[ 可先修改部分代碼再運(yùn)行查看效果 ]

網(wǎng)站制作在線(xiàn)視頻教程 網(wǎng)站制作視頻教程打包下載

CSS視頻教程

CSS設(shè)計(jì)徹底研究視頻教程

網(wǎng)頁(yè)制作基礎(chǔ)教程

網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計(jì)教程

div css視頻教程

DIV + CSS 入門(mén)視頻教程，只用記事本編寫(xiě)代碼演示

精通CSS+DIV網(wǎng)頁(yè)樣式與布局配套視頻教程

別具光芒：DIV+CSS網(wǎng)頁(yè)布局與美化

DIV.CSS應(yīng)用視頻教程(DIV+CSS)

來(lái)源：無(wú)憂(yōu)整理/所屬分類(lèi)：Div+CSS教程/更新時(shí)間：2007-04-20

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)Div+CSS教程：

Div+CSS教程Rss訂閱Div+Css教程搜索

Div+CSS教程推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索ol有序列表居然沒(méi)有按順序顯示的奇怪現(xiàn)象
教程說(shuō)明：
Div+CSS教程-ol有序列表居然沒(méi)有按順序顯示的奇怪現(xiàn)象。

<strike id="wcmqe"></strike>