2014-03-29 20 views
0

* 永遠不要讓C程序員干預CSS /網頁設計。設置CSS高度屬性以截斷大部門

這就是說,我有一個任務,我不能解決一個簡單的論壇(SMF)我主辦。

目標

設置一個div的CSS等,這將截斷過去一定高度的區域。

實施例1:

上論壇帖子有人在其響應中的1行代碼段。

  • 這個div 1行應顯示爲1行

例2:(!E-GADS)

有人在論壇的帖子在其答覆的500行代碼片段

  • 這500行的div應該只顯示爲50行,滾動/調整大小可見。

  • 這個div也可以由用戶調整到500線

  1. 看來我想的精確相對的 '高度:嵌合內容',其設置爲較大的固有最小高度和可用高度(height - CSS | MSDN)

  2. 我已經試穿了高度,最小高度,最大高度,但沒有一個能夠達到目標。

  3. 最大高度很酷,但它限制了可以調整到最大高度的最大尺寸!

參考代碼(從SMF的主題/默認/ CSS/index.css)

/* A code block - maybe PHP ;). */ 
code.bbc_code 
{ 
    display: block; 
    font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; 
    font-size: small; 
    background: #fff; 
    border-top: 2px solid #999; 
    border-bottom: 2px solid #999; 
    line-height: 1.5em; 
    padding: 3px 1em; 
    overflow: auto; 
    white-space: nowrap; 

    /* (edit) this is the best i could do. but has exact opposite effect! */ 
    min-height : 1em; 
    height: fit-content; 
    resize: vertical; 

} 

*此參考代碼將顯示一個 '1-襯墊' 與渦盤1行/調整大小爲&'500-liner as 500-lines with scroll/resize。你如何讓它顯示500-班輪爲50?

回答

0

您應該檢查this出來。這段代碼基本上會根據指定的行數截斷。