2010-10-02 169 views
-3

我正在爲HTML中的手機和i-pod開發一個網站。我想爲一行中的多個圖像提供一個水平滾動條,它具有超鏈接。html中圖像的水平滾動條

什麼是最簡單的方法呢?

在此先感謝您的幫助。

+7

所有的人都在這裏回答問題都是志願者。如果他們回答你的問題,他們這樣做只是爲了幫助你。在寫下你的問題並停止你的荒謬的文字說明時,謹慎地向他們表達一些尊重,這點如何?這也有好處(對你而言),寫得好的問題往往會得到更多更好的答案。 – balpha 2010-10-02 12:36:52

+0

我錯了一些地方?... PLZ糾正我...因爲即時通訊使用這種方法第一次,所以它明顯,我會b錯了一些地方...所以plz幫助我frnd ... – dip 2010-10-04 03:58:03

+0

第一件事是做的是不要在文字演講中說話,如plz和'b'。我們不應該花時間來解析你的問題,因爲你沒有花時間來正確地寫。 – 2010-10-11 14:44:38

回答

1

本示例具有內聯樣式,請在實際使用此代碼時將所有樣式規則放入樣式表中。

以下是你需要的HTML的例子...

<div style="width: 500px; height: 120px; overflow: auto;"> 
    <div style="width: 1000px; height: 120px"> 
     <ul style="padding: 0;"> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
     </ul> 
    </div> 
</div>