1
A
回答
2
您可以使用「calc」和「Flexbox」而不是使用表來實現它。但它可能需要一些CSS技巧,因爲彈性框是相當新的。
看看這個鏈接 - http://liveweave.com/5a83eG
由於我在計算器新的,我不能發佈超過2個鏈接。我想你可能會google更多關於「calc」和「flexbox」的細節。
相關問題
- 1. 頁眉和頁腳之間的垂直中心內容
- 2. 引導3容器垂直對齊中心,頁眉和頁腳
- 3. 粘性頁眉和頁腳
- 4. 置頂頁眉頁腳,極品滾動內容(水平+垂直)
- 5. 以豎直爲中心的內容的自舉粘性頁腳
- 6. 100%頁眉/頁腳的寬度和仍然中心內容
- 7. 粘滯的頁眉和頁腳與自動滾動內容
- 8. 內容頁眉頁腳
- 9. 如何垂直對齊頁眉和頁腳div之間的內容div?
- 10. ScrollView的粘性頁眉/頁腳在
- 11. 可調整大小的容器中的粘性頁眉/頁腳
- 12. 粘頁腳和內容
- 13. 集裝箱垂直居中對齊考慮頁眉和頁腳
- 14. 粘性頁腳問題 - 我如何得到內容高度100%減號頁眉和頁腳
- 15. 垂直對齊頁腳內容
- 16. 將網站內容對齊到css中的頁眉和頁腳
- 17. 內容之間的頁眉/頁腳
- 18. 粘性頁眉和頁腳與可縮放的div
- 19. bootstrap粘性頁腳與響應內容
- 20. 粘性頁腳隱藏內容
- 21. 彈性盒粘頁腳內容溢出
- 22. 內容後面的半粘性頁腳
- 23. 如何添加頁眉和頁腳內容到pdfkit for node.js
- 24. 垂直中心內容補充:後和「內容」屬性
- 25. 固定的頁眉,頁腳和側邊欄與滾動內容區域中心
- 26. CSS - 中心頁腳內容
- 27. 垂直中心內容
- 28. 粘頁腳涵蓋內容
- 29. 內容超出粘頁腳
- 30. 2帶有粘頁眉和頁腳的列布局
你知道主要的瀏覽器不支持這個嗎? – Shimmy
嗨,據我只關注IE的舊版本不支持flexbox。你可以在這裏查看flexbox兼容性 - http://caniuse.com/#feat=flexbox – sandalkoyak
很好的答案。謝謝。 – Shimmy