[問題] css按鈕製作

[magazine2006 (Vito)]

http://www.ironmen.idv.tw/button.jpg

目前我要製作一個可以文字換行的按鈕

可是我用以下寫法

CSS部分------------------------------

#content #sidebarS {
        float:left;
        width: 215px;
        padding:0;
        margin:0 0 0 13px;
        background:#FFF;
        }
#content #sidebarSS {
        padding:0;
        margin:0;
        background:#FFF;
        }

#content #sidebarS #sidebarSS ul li{
        width:50px;
        height:29px;
        list-style-type:none;
        border-bottom:1px solid #CCC;
        margin-top:7px;
        padding:0 0 0 0;
        color:#ff9900;
        font-size:14px;
        }
#content #sidebarSS ul li a{
        color:#685028;
        text-decoration:none;
        }

HTML-----------------------------------------

<div id="sidebarS">
    <img src="img/menua.png" width="215" height="17" alt=""/>
        <div id="sidebarSS">
        <ul>
                <li><a href="#">Accessorssssssss ssss ssssss s sssssss s sss ssss ss ies</a>(0)</li>
                <li><a href="#">Accessories</a>(0)</li>
                <li><a href="#">Accessories</a>(0)</li>
                <li><a href="#">Accessories</a>(0)</li>
        </ul>
      </div>

HTHL------------------------------------

雖然可以設定li的寬度可是不會因為文字多寡而soild往下位移

我有試過用圖片當底圖，也用過display來包住都沒辦法

想請教大家這種作法是否可行，還是有另外的作法

謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.43.54.219
※ 編輯: magazine2006    來自: 114.43.54.219        (04/24 22:29)
※ 編輯: magazine2006    來自: 114.43.54.219        (04/24 22:29)
※ 編輯: magazine2006    來自: 114.43.54.219        (04/24 22:29)
→ joyolkreg:我記得css換行只有ie可以, 不然就是javascript換行
→ WEIREN:#content #sidebarS #sidebarSS ul li  可以一次這樣定義寫
→ WEIREN:但是為什麼我一次訂意這樣寫不行?
→ magazine2006:有點看不懂你意思 是說你照這樣寫法沒做作用嘛
→ TonyQ:WEIREN 他是一堆層次結構，不是對這些資料一次作css select
→ TonyQ:聽起來你的需求比較像是要針對不同元素去定義，可以用,隔開