2010-04-14 59 views
0

我有一個基本的佈局在960.gs.一行文本是絕對定位的,從內部DIV開始,僅退出頁面的右側。CSS寬度大於沒有水平滾動的頁面寬度(溢出:隱藏不是一個選項)

以下是截圖: screenshot

的問題是,作爲文本顯示爲一系列完整的話,如果文本框的寬度不超出頁的末尾,它打破了一些距離邊緣的距離。

  1. overflow:hidden;不會做 技巧,因爲我需要設置寬度比頁面寬 。
  2. float 將不起作用,因爲文本不能 轉義內部DIV的寬度。
  3. 我不能將它設置在內部DIV之外,只是將它放在那裏,因爲同樣的問題仍然存在。

的代碼基本上是一樣簡單:

<wrapper (containing) DIV> 
    <text stripe DIV> 
     <p></p> 
    </text stripe DIV> 
</ wrapper DIV> 

我知道我做了這樣的事情之前,我不能爲我的生活還記得我落得這樣做。

謝謝。

回答

1

鑑於上面的標記:

div.container { width: auto; overflow: hidden; }

p { white-space: pre-wrap; }

...然後插入多個硬盤返回到在測試間隔串的,完整的字。

width: auto對是一個佔位符;該div的計算出的width應該等於頁面畫布的寬度。

或者,您可以將文字設置爲圖像,並將其應用爲div或段落的重複值爲no-repeat的背景。