首頁 > web前端 > css教學 > 主體

自適應居中

高洛峰
發布: 2016-11-17 14:14:49
原創
1640 人瀏覽過

一、窗體居中

position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; /*height: 50px; width: 165px; */
登入後複製

   

簡析:

  position:固定位置顯示(absolute|fixed);視窗決定;fixed:視窗大小由上層層position為fixed的子父關係視窗決定】

  top,right,bottom,left:設定偏移量(|auto);

    【設定為auto時,表示為auto]視窗在該方向不居中顯示;如:left:auto,則視窗在水平位置不居中顯示】

  margin:自適應佈局(auto);

    【視窗只會在都為auto的方向上居中

  height,widht:可設置,也可不設置(|auto);

    【不設置則由top,right,bottom,left決定大小】

二、文字混合則由top,right,bottom,left簡析:

  .nav:限制視窗大小;

    【text-align:限制span水平居中】

  .nav-it:控制內容垂直居中】

『〜.nav-it  .nav span:限制圖片顯示範圍;

    【padding-left:為圖片留下顯示空間;display:適應顯示】

  .nav img:限制圖片大小與顯示位置;

  .nav img:限制圖片大小與顯示位置;

  .nav img:限制圖片大小與顯示位置;

  .nav img:限制圖片大小與顯示位置;

,只是因為簡單。


相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板