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

首頁 > 開發 > CSS > 正文

使用CSS居中浮動元素的方法

2024-07-11 09:00:28
字體：大 中 小
來源：轉載
供稿：網友

方法一

設置容器的浮動方式為絕對定位
然后確定容器的寬高 比如寬500 高 300 的層
然后設置層的外邊距

CSS Code復制內容到剪貼板
  1. div{
  2. width:500px;
  3. height:300px;
  4. margin:-150px 0 0 -250px;
  5. position:absolute;
  6. left:50%;
  7. top:50%;
  8. background-color:#000;
  9. }

方法二

父元素和子元素同時左浮動，然后父元素相對左移動50%，再然后子元素相對右移動50%，或者子元素相對左移動-50%也就可以了。

CSS Code復制內容到剪貼板
  1. <!DOCTYPE html><html><head>
  2. <title>Demo</title>
  3. <meta charset="utf-8"/>
  4. <style type="text/css">
  5. .p{
  6. position:relative;
  7. left:50%;
  8. float:left;
  9. }
  10. .c{
  11. position:relative;
  12. float:left;
  13. rightright:50%;
  14. }
  15. </style></head><body>
  16. <div class="p">
  17. <h1 class="c">Test Float Element Center</h1>
  18. </div>
  19. </body>
  20. </html>  

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 长垣县| 南郑县| 文安县| 旬邑县| 新密市| 固阳县| 江山市| 博乐市| 永春县| 彭水| 江山市| 高邮市| 岳阳市| 阿坝县| 聂拉木县| 扬中市| 平陆县| 洛川县| 普定县| 富阳市| 文水县| 台东县| 时尚| 禄丰县| 蒙城县| 邢台县| 信阳市| 郑州市| 安乡县| 石渠县| 什邡市| 都兰县| 深水埗区| 濉溪县| 繁昌县| 托克逊县| 紫金县| 博野县| 阳东县| 盐池县| 任丘市|