* 永遠不要讓C程序員干預CSS /網頁設計。設置CSS高度屬性以截斷大部門
這就是說,我有一個任務,我不能解決一個簡單的論壇(SMF)我主辦。
目標
設置一個div的CSS等,這將截斷過去一定高度的區域。
實施例1:
上論壇帖子有人在其響應中的1行代碼段。
- 這個div 1行應顯示爲1行
例2:(!E-GADS)
有人在論壇的帖子在其答覆的500行代碼片段
這500行的div應該只顯示爲50行,滾動/調整大小可見。
這個div也可以由用戶調整到500線
注
看來我想的精確相對的 '高度:嵌合內容',其設置爲較大的固有最小高度和可用高度(height - CSS | MSDN)
我已經試穿了高度,最小高度,最大高度,但沒有一個能夠達到目標。
最大高度很酷,但它限制了可以調整到最大高度的最大尺寸!
參考代碼(從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?