<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel>
        <title>清單標籤(ul ol li)的跨瀏覽器案例解析： IE瀏覽器瀏覽器下列表式型無效的問題</title>
        <description>1 清單標籤(ul ol li)1.1 IE瀏覽器瀏覽器下列表式型無效的問題1. 清單標籤(ul ol li)

 1. IE瀏覽器瀏覽器下列表式型無效的問題

問題說明：
用到了li標籤，發現在IE瀏覽器下li前面默認的實心圓點不顯示，也就是說list-style-type:disc無效，但是在firefox下確實正常的。
原因可能是因為某些浮動設置造成了li不正常顯示

解決方法：
解決的方法也很簡單，就是使用增加一個屬性：
list-style-position: inside
這樣列表樣​​式類型屬性就生效了。

資料來源：
http://www.weste.net/2010/10-8/72876.html</description>
        <link>http://mepopedia.com/forum/read.php?844,20001,20001#msg-20001</link>
        <lastBuildDate>Mon, 16 Mar 2026 02:10:26 +0800</lastBuildDate>
        <generator>Phorum 5.2.7</generator>
        <item>
            <guid>http://mepopedia.com/forum/read.php?844,20001,20001#msg-20001</guid>
            <title>清單標籤(ul ol li)的跨瀏覽器案例解析： IE瀏覽器瀏覽器下列表式型無效的問題</title>
            <link>http://mepopedia.com/forum/read.php?844,20001,20001#msg-20001</link>
            <description><![CDATA[<div class='message-body' style='float:right; margin: 0; border: none; padding: 0 0 1em 1em; max-width: 216px'><div class='notice' style='padding: 10px 14px'><ol style='font-size: 0.8em; margin:0; padding: 0; list-style-type: none;'><li style='padding-left: 0em'><a style='text-decoration:none' href=#.E6.B8.85.E5.96.AE.E6.A8.99.E7.B1.A4.28ul+ol+li.29>1 清單標籤(ul ol li)</a><li style='padding-left: 1em'><a style='text-decoration:none' href=#IE.E7.80.8F.E8.A6.BD.E5.99.A8.E7.80.8F.E8.A6.BD.E5.99.A8.E4.B8.8B.E5.88.97.E8.A1.A8.E5.BC.8F.E5.9E.8B.E7.84.A1.E6.95.88.E7.9A.84.E5.95.8F.E9.A1.8C>1.1 IE瀏覽器瀏覽器下列表式型無效的問題</a></ol></div></div><h3 id='.E6.B8.85.E5.96.AE.E6.A8.99.E7.B1.A4.28ul+ol+li.29'>1. 清單標籤(ul ol li)</h3><br />
<br />
 <h4 id='IE.E7.80.8F.E8.A6.BD.E5.99.A8.E7.80.8F.E8.A6.BD.E5.99.A8.E4.B8.8B.E5.88.97.E8.A1.A8.E5.BC.8F.E5.9E.8B.E7.84.A1.E6.95.88.E7.9A.84.E5.95.8F.E9.A1.8C'>1. IE瀏覽器瀏覽器下列表式型無效的問題</h4><br />
<br />
<b>問題說明：</b><br />
用到了li標籤，發現在IE瀏覽器下li前面默認的實心圓點不顯示，也就是說list-style-type:disc無效，但是在firefox下確實正常的。<br />
原因可能是因為某些浮動設置造成了li不正常顯示<br />
<br />
<b>解決方法：</b><br />
解決的方法也很簡單，就是使用增加一個屬性：<br />
list-style-position: inside<br />
這樣列表樣​​式類型屬性就生效了。<br />
<br />
<b>資料來源：</b><br />
http://www.weste.net/2010/10-8/72876.html]]></description>
            <dc:creator>JinJin</dc:creator>
            <category>跨瀏覽器相容性網頁設計</category>
            <pubDate>Thu, 09 Feb 2012 14:31:51 +0800</pubDate>
        </item>
    </channel>
</rss>
