
[問題]css按鈕製作

目前我要製作一個可以文字換行的按鈕
可是我用以下寫法
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)
→
04/25 00:49, , 1F
04/25 00:49, 1F
→
04/25 11:20, , 2F
04/25 11:20, 2F
→
04/25 11:20, , 3F
04/25 11:20, 3F
→
04/25 11:58, , 4F
04/25 11:58, 4F
→
04/25 12:59, , 5F
04/25 12:59, 5F
→
04/25 13:00, , 6F
04/25 13:00, 6F