首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

HTML Div 中 Table 表格圖片超出邊框的 CSS 解決方案

     編輯:程式設計綜合問答

當 Div 容器內的 Table 表格放入圖片,若圖片尺寸過大就會超出邊框,影響版面整齊度。原始樣式中常見的錯誤包括將 overflow 拼寫成 over-flow,以及沒有正確設定容器與表格的寬高限制。

建議修正 CSS 拼寫,為表格設定 table-layout: fixed,並對圖片使用 max-width: 100% 與 height: auto,這樣無論圖片原始尺寸多大,都會在表格格子內自動縮放,不會超出邊界。同時確認外層 Div 有明確的寬度與高度限制,才能讓響應式表現更穩定。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved