平時只顧著寫程序，寫 div 或 span 或 ul li 之類的，常常遇到一莫名的問題，自己的解決方式可能是 top: -10px 也可能 float:left 之類的，問題當然能得到解決，就好像坐輪船到紐約和坐飛機到紐約的結果一樣，都是到了紐約，只是方式不同而已，相比之下，飛機更快，更便捷. 自己選擇吧!

display:inline;
list-style:none outside none;
white-space:nowrap

首先看下 list-style 的用法：

我以前只用到 list-style:none; 這種方式，原以為也只這種方式呢，這個方式只不過是讓 li 前的標記去掉而已 !

事實上 list-style 可分為三個屬性: list-style-type list-style-position list-style-image

看下w3c 的說法:

定義和用法

list-style 簡寫屬性在一個聲明中設置所有的列表屬性。

說明

該屬性是一個簡寫屬性，涵蓋了所有其他列表樣式屬性。由于它應用到所有 display 為 list-item 的元素，所以在普通的 HTML 和 XHTML 中只能用于 li 元素，不過實際上它可以應用到任何元素，并由 list-item 元素繼承。

可以按順序設置如下屬性：

list-style-type

list-style-position

list-style-image

可以不設置其中的某個值，比如 "list-style:circle inside;" 也是允許的。未設置的屬性會使用其默認值。

disc outside noneyesCSS1object.style.listStyle="decimal inside"

實例

把圖像設置為列表中的列表項目標記：

ul { list-style:square inside url(‘/i/arrow.gif’); }

瀏覽器支持

所有瀏覽器都支持 list-style 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

CSS list-style-type 屬性

定義和用法

list-style-type 屬性設置列表項標記的類型。
discyesCSS1object.style.listStyleType="square"實例

設置不同的列表樣式：

ul.circle {list-style-type:circle;} ul.square {list-style-type:square;}ol.upper-roman {list-style-type:upper-roman;} ol.lower-alpha {list-style-type:lower-alpha;}

瀏覽器支持

所有瀏覽器都支持 list-style-type 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "decimal-leading-zero"、"lower-greek"、"lower-latin"、"upper-latin"、"armenian"、"georgian" 或 "inherit"。
可能的值CSS2 的值： none無標記。disc默認。標記是實心圓。circle標記是空心圓。square標記是實心方塊。decimal標記是數字。decimal-leading-zero0開頭的數字標記。(01, 02, 03, 等。)lower-roman小寫羅馬數字(i, ii, iii, iv, v, 等。)upper-roman大寫羅馬數字(I, II, III, IV, V, 等。)lower-alpha小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。)upper-alpha大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。)lower-greek小寫希臘字母(alpha, beta, gamma, 等。)lower-latin小寫拉丁字母(a, b, c, d, e, 等。)upper-latin大寫拉丁字母(A, B, C, D, E, 等。)hebrew傳統的希伯來編號方式armenian傳統的亞美尼亞編號方式georgian傳統的喬治亞編號方式(an, ban, gan, 等。)cjk-ideographic簡單的表意數字hiragana標記是：a, i, u, e, o, ka, ki, 等。（日文片假名）katakana標記是：A, I, U, E, O, KA, KI, 等。（日文片假名）hiragana-iroha標記是：i, ro, ha, ni, ho, he, to, 等。（日文片假名）katakana-iroha標記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名）CSS2.1 的值：disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inherit