国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

DivCSS布局實例：三行單列上下固定高度中間自適應

2024-07-11 08:40:39
字體：大 中 小
來源：轉載
供稿：網友
　　
　　CSS布局：三行單列，上下固定高度，中間自適應，且內容垂直居中。
　　firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 測試通過。

　　對于非ie內核瀏覽器，通過設定display:table、display:table-row和display:table-cell來模擬表格的表現形式。
　　最外層#box { display:table; }，高度100%，其子層#header/#main/#footer為{ display:table-row; }，因此可以模擬表格的行效果，上下定高，則中間不定高的層自適應高度。
　　#wrap層為{ display:table-cell; }模擬單元格，因此可以設定{ vertical-align:middle; }，垂直居中。

　　由于Win IE不支持{ display:table; }，因此，只能采取定位的方式實現。<!--[if IE]>內是針對ie的設定。

示例代碼 [www.CuoXIn.com]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 平阳县| 都安| 庆安县| 霍林郭勒市| 满城县| 怀集县| 偏关县| 铁岭市| 武功县| 南开区| 滨海县| 湖北省| 买车| 平远县| 浦东新区| 青岛市| 屏山县| 鹤庆县| 北海市| 宣恩县| 博兴县| 旬邑县| 大渡口区| 沂水县| 湘西| 仙桃市| 鄂伦春自治旗| 洛扎县| 安龙县| 普兰店市| 宜丰县| 耿马| 东方市| 元朗区| 长子县| 兴安盟| 无极县| 芜湖县| 平乐县| 长垣县| 专栏|