max-width與display:table-cell

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

max-width和disply:table-cell是非常好用的兩個CSS屬性。利用max-width和max-height，可以非常友善的将網頁中的圖檔縮小到一定尺寸，而且保證較小的圖檔不會被放大，圖檔的寬高比例也不會被強行改變。而disply:table-cell和其他的disply:table等屬性結合，可以用div等标簽模拟出table的結構，對于頁面的排版也非常有用。

CSS學習之display參數

2007-12-10 23:20:10 / 個人分類：部落格特效

display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group

參數：

block : 　CSS1　塊對象的預設值。用該值為對象之後添加新行

none : 　CSS1　隐藏對象。與visibility屬性的hidden值不同，其不為被隐藏的對象保留其實體空間

inline : 　CSS1　内聯對象的預設值。用該值将從對象中删除行

compact : 　CSS2　配置設定對象為塊對象或基于内容之上的内聯對象

marker : 　CSS2　指定内容在容器對象之前或之後。要使用此參數，對象必須和:after及:before 僞元素一起使用

inline-table : 　CSS2　将表格顯示為無前後換行的内聯對象或内聯容器

list-item : 　CSS1　将塊對象指定為清單項目。并可以添加可選項目标志

run-in : 　CSS2　配置設定對象為塊對象或基于内容之上的内聯對象

table : 　CSS2　将對象作為塊元素級的表格顯示

table-caption : 　CSS2　将對象作為表格标題顯示

table-cell : 　CSS2　将對象作為表格單元格顯示

table-column : 　CSS2　将對象作為表格列顯示

table-column-group : 　CSS2　将對象作為表格列組顯示

table-header-group : 　CSS2　将對象作為表格标題組顯示

table-footer-group : 　CSS2　将對象作為表格腳注組顯示

table-row : 　CSS2　将對象作為表格行顯示

table-row-group : 　CSS2　将對象作為表格行組顯示

本文轉自 netcorner 部落格園部落格，原文連結：http://www.cnblogs.com/netcorner/archive/2007/12/27/2912233.html  ，如需轉載請自行聯系原作者