1. 程式人生 > >html表格寬度設置失效

html表格寬度設置失效

樣式 htm 超過 ble 失效 分享 做出 input cnblogs

問題描述:

我在寫一個網頁table時,table寬度超過了我預想的寬度,我想把它設置小一點,但總是沒效果。改到懷疑人生!代碼如下:

技術分享

經過多次調試後發現一個問題,table可以改變大小,但是會有一個最小值,低於最小值時,數值修改會無效,table大小始終是最小值。後靈機一動,把問題鎖定在input標簽上。思考時認為,表格大小有最小值是因為裏面有東西把它撐大了,所以不能更小了。想到後,代碼改動如下,效果就讓我很滿意了。

技術分享

總結,該問題的出現是因為input標簽有默認的寬度和高度,而在對表格的寬高度進行設置時是沒辦法對內部的標簽做出改變的,你可以比它大,但不能比它小。因此在做表格的樣式布局時,也同樣需要考慮內部標簽的大小位置。

同時,以後遇到bug時要提醒自己,遇到問題總是自己的代碼有問題,按照邏輯一點點去嘗試去修改,去深入理解,去思考內部一點的東西,不要放過任何可能。

html表格寬度設置失效