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

首頁 > 開發(fā) > CSS > 正文

css 水平居中，垂直居中，自適應寬度的代碼

2024-07-11 08:48:15
字體：大 中 小
來源：轉載
供稿：網(wǎng)友
一、寬度自適應的元素水平居中：

　　1.寬度自適應的元素可以是：絕對位定、浮動元素、行內(nèi)元素。而我們通常布局，肯定不會用行內(nèi)元素，所以會選擇，絕對定位或浮動。
　　2.居中：這里我們應該會想到1/2、50%、一半等這些東西。　　

　　上圖中：黑色為body，深綠色需要在body中水平居中，并且寬度是自適應的。亮綠色，是一個多余的DIV，就是為了讓深綠色的DIV水平居中。

　　以下是實現(xiàn)代碼：

　　pos元素的float:left或都用position:absolute;都可以，因為這兩個屬可以寬度自適應。

　　先這個多余的DIV亮綠色，水平50%移動(移動，可以用margin-left 或者 left)

　　再讓其內(nèi)容深綠色向右水平移動50%（只能用right屬性移動）;

　　那么這個深綠色，就會在黑色的body里居中了！


復制代碼

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 桃园县| 微山县| 临颍县| 宝丰县| 广宗县| 蓝田县| 武宁县| 壤塘县| 云霄县| 阳高县| 农安县| 安远县| 西平县| 柯坪县| 泸水县| 广水市| 北辰区| 都匀市| 涡阳县| 临西县| 苍南县| 巴中市| 阆中市| 兰坪| 浦城县| 通海县| 墨脱县| 鄂温| 阿巴嘎旗| 新干县| 衡山县| 宁安市| 铅山县| 霍林郭勒市| 闸北区| 黄陵县| 望江县| 瑞安市| 龙江县| 萍乡市| 甘德县|