亚欧洲精品在线观看,窝窝影院午夜看片,久久国产成人午夜av影院宅,午夜91,免费国产人成网站,ts在线视频,欧美激情在线一区

網(wǎng)頁設計

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

時間:2025-05-31 20:56:54 網(wǎng)頁設計 我要投稿
  • 相關推薦

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

  導語:Css功能越來越完美,現(xiàn)在已經(jīng)能做出各種各樣的樣式,其中居中浮動也是Css知識點中的一個。以下是百分網(wǎng)小編為大家搜集的CSS居中浮動元素的使用方法,供大家參考。

  方法一

  設置容器的浮動方式為絕對定位

  然后確定容器的寬高 比如寬500 高 300 的層

  然后設置層的外邊距

  CSS Code復制內(nèi)容到剪貼板

  div{

  width:500px;

  height:300px;

  margin:-150px 0 0 -250px;

  position:absolute;

  left:50%;

  top:50%;

  background-color:#000;

  }

  方法二

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

  CSS Code復制內(nèi)容到剪貼板

  Test Float Element Center