我想在html頁面上顯示我的數據庫表的全部內容。我試圖從數據庫中首先獲取記錄並將其存儲在ArrayList中。使用PostgreSQL數據庫在java中執行它的最佳方式是什麼?從數組中的數據庫中顯示值
回答
您使用iframe來嵌入這些「預覽」,我認爲?
在這種情況下,您可以通過使iframe元素本身變大來實現此目的,然後使用transform: scale()
將其縮小到目標大小。
檢查以下示例 - 我使用iframe內容的example.com
,該網站沒有響應,如您在第一個200px * 200px iframe中所看到的。
第二個iframe是500px * 500px - 並按比例縮小了.4
,這又是200px。由於以這種方式縮放元素仍然會留下最初保留的空間,因此將其放置在切割該溢出的div元素內。
iframe, #i2 { width: 200px; height: 200px; }
#i2 { overflow: hidden; display: inline-block; }
#i2 iframe { width: 500px; height: 500px; transform:scale(.4); transform-origin: top left; }
<iframe src="https://example.com/">
</iframe>
<div id="i2">
<iframe src="https://example.com/">
</iframe>
</div>
https://jsfiddle.net/5hk9m446/
有一件事你應該知道的是,這將不只是任何網站工作。通過X-Frame-Options
標題網站可以告訴瀏覽器,他們不需要要在(i)不同域中的幀中顯示。在這種情況下,你不能在iframes的客戶端做它;你可能不得不作爲圖像服務器端或類似的東西渲染預覽。
CSS轉換可以幫助您縮減iframe。 看到這個例子 http://jsbin.com/wiperebifa/edit?html,css,output
請注意iframes你的鼠標事件是針對這些頁面。 您可以在iframe上使用玻璃窗格來捕獲這些事件,或者您可以隱藏iframe並使用畫布顯示其內容。
是否可以使用div標籤來代替iframe ....... @ Nick Rassadin – user3909042
nop ... iframe是唯一的加載方式網站並呈現它。或者,您可以使用Selenium Webdriver在服務器端渲染截圖圖像。 –
- 1. 數據未從數據庫中顯示
- 2. 從vb.net的數據庫中的數據庫中顯示圖像
- 3. 將數據庫值放入數組顯示codeigniter中的錯誤
- 4. 顯示從MySQL數據庫中的表到一個數組
- 5. 從數據庫中顯示浮點數值的問題:
- 6. 將數據庫中的數據顯示到組合框中
- 7. 從數據庫顯示數據在php中的數據[html]
- 8. 顯示在Html.Actionlink()中從數據庫中獲取的值mvc3
- 9. 過濾要從javafx中的數據庫中顯示的數據
- 10. 顯示從數據庫中提取的組合框中選定的值
- 11. 在textarea中顯示數據庫值
- 12. 在HTML中顯示數據庫值
- 13. 在Rails中顯示數據庫值?
- 14. 將數組從數據庫顯示到微調器中
- 15. 顯示數據庫中的數據?
- 16. 從數據庫顯示數據從ID
- 17. AndroidDev:SQLite - 從數據庫顯示值到TableLayout?
- 18. 從下拉菜單中的數據庫中不顯示數據
- 19. 在組合框中顯示來自數據庫的位值
- 20. 在tableview中顯示從數組到數組標籤的數據
- 21. Concrete5顯示數據庫值
- 22. 顯示數據庫值
- 23. 顯示數據庫列值
- 24. 數據庫值顯示NULL
- 25. 從數據庫中獲取數據並在laravel中顯示數據庫中的值
- 26. 從數據庫中顯示圖像
- 27. 從數據庫中顯示圖像
- 28. 從asp.net數據庫中顯示爲空
- 29. 從C#數據庫中顯示代碼
- 30. 顯示圖像從數據庫中ASP.NET
嘗試讓您的網站響應也許? –
除了@KoustavRay評論,你可以看到谷歌的網站看起來不錯,因爲它響應。 –
正確,但主要的div被託管的頁面不響應..加上它已溢出啓用.. –