Feeds:
文章
留言

Archive for 十月 14th, 2005

繼 <marquee> 標籤之後,終於用 <div> + css 實作出一個小區塊中塞入一堆資料,而且有捲軸,其實只要再完成兩個步驟即可達成:
1. 在資料的前後加上 <div>…</div> 標籤
2. 給予 <div> 標籤的 css 屬性 overflow: auto; height: 200px;
ps. overflow 是資料超出邊界時的處理方式,auto表示自動出現捲軸, height 則是用來指定區域的高度
 
下面是一個簡單的範例:
<div style = ‘overflow: auto; height: 200px;’>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
fdsaaaaaaaaaaaaaa<br>
</div>

效果展示如下

fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa
fdsaaaaaaaaaaaaaa

Read Full Post »