html设置表格宽度最小,css如何设置表格宽度?
生活随笔
收集整理的這篇文章主要介紹了
html设置表格宽度最小,css如何设置表格宽度?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
css設置表格寬度的方法:直接使用css設置表格table標簽的width屬性即可設置表格寬度,瀏覽器會自動按照td寬度的比例來調整td寬度。
css設置表格寬度:
例1:Table的寬度為600px,Table的td所有寬度總和不到600px,瀏覽器會自動按照td的寬度的比例算出寬度
| 我是200px | 我也是200px |
運行結果:兩個td都是300px;
Table的寬度為600px,前兩個td的寬度已經為600px,那么第三個td的寬度沒有指定,這樣的話第三個td的寬度是根據內容出現寬度的,然后前兩個再按照比列計算寬度。
例2:前兩個td小于table寬度,那么最后一個td就起到補全的作用
| 我是200px | 我也是200px | 我是根據內容的 |
例3:Table中的td內,如果放置塊狀元素超過td的寬度,并且table的table-layout: fixed;(fixed表示td的寬度是定長的,不隨td內容變化而變化)。
這樣盡量不要再td里寫overflow: auto; 因為這樣在IE6,7不會出現滾動條的,最好的辦法是套一個div,寬度設置成100%
| 我是自由寬度 |
總結
以上是生活随笔為你收集整理的html设置表格宽度最小,css如何设置表格宽度?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 办公空间如何运用新式的设计手法来做装修设
- 下一篇: 年底离职原因怎么写最合适 还是要照顾公司