轉載自? ?div中的table內容過多時不超出div的范圍解決方法

問題描述：

??? 在做界面展示時，table的內容過多，超出div的大小，看著table的邊框蓋過了div的邊框，不美觀。

問題解決：

? ? 因為頁面整體的布局美工都設計好了，使用公共的css文件，所以自己改的時候只能在jsp中重新定義<style type="text/css"></style>，在這兒定義table的屬性，table-layout:fixed;，然后定義table中td的屬性，overflow:hidden;text-overflow:ellipsis;，然后在定義table中td的屬性，nowrap=false，整個問題就解決了。解決完成的效果是：如果td中的內容過多，會隱藏多出的部分，然后有三個省略號表示隱藏的部分。

如圖：

?

問題截圖:

?

解決后的截圖:

?

總結

以上是生活随笔為你收集整理的div中的table内容过多时不超出div的范围解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。