成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

登錄頁面登錄框居中

番茄西紅柿 / 3441人閱讀 

頭部...
<div color:="" #000000"="">background:url(static/images/back.jpg) no-repeat center center;
  background-size:100% 100%;">
內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容
底部。。。
.HolyGrail {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
header, footer {
  height:80px;
  line-height: 80px;
  text-align:center;
  background-color:#000;
  color:#fff;
}
.HolyGrail-body {
  display: flex;
  flex: 1;
  align-items: center;
}
.HolyGrail-body div{
  padding:35px 40px;
  margin:auto;
  border-radius:6px;
  background-color:rgba(255,235,255,0.6);
}
@media (max-width: 768px) {
  .HolyGrail-body {
    flex-direction: column;flex: 1;
  }
  .HolyGrail-nav,
  .HolyGrail-ads,
  .HolyGrail-content {flex: auto;
  }
}

 

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1072.html

相關(guān)文章

  • 這可能是實(shí)現(xiàn)登錄框居中最簡捷的方法

    摘要：常見登錄框很多情況下，網(wǎng)站的登錄框，就像這樣這樣這樣或者這樣錘子科技總之，登錄面板位于頁面正中央，水平居中，豎直居中。并且隨著瀏覽器窗口大小變化，始終居中方法一實(shí)現(xiàn)思路使用兩個(gè)嵌套，外層的寬高設(shè)置為瀏覽器視窗大小，相對(duì)定位。 常見登錄框 很多情況下，網(wǎng)站的登錄框，就像這樣 showImg(https://segmentfault.com/img/remote/1460000008644...

    fai1017 評(píng)論0 收藏0

  • 這可能是實(shí)現(xiàn)登錄框居中最簡捷的方法

    摘要：常見登錄框很多情況下，網(wǎng)站的登錄框，就像這樣這樣這樣或者這樣錘子科技總之，登錄面板位于頁面正中央，水平居中，豎直居中。并且隨著瀏覽器窗口大小變化，始終居中方法一實(shí)現(xiàn)思路使用兩個(gè)嵌套，外層的寬高設(shè)置為瀏覽器視窗大小，相對(duì)定位。 常見登錄框 很多情況下，網(wǎng)站的登錄框，就像這樣 showImg(https://segmentfault.com/img/remote/1460000008644...

    shery 評(píng)論0 收藏0

  • 【CSS練習(xí)】IT修真院--練習(xí)4-移動(dòng)端界面

    摘要：任務(wù)四一個(gè)最常見的移動(dòng)端頁面完成的事情完成簡單布局，然后填充界面與效果圖對(duì)比優(yōu)化完成驗(yàn)收要求擴(kuò)展性頂欄固定進(jìn)行樣式兼容性研究完成任務(wù)四深度思考跟隨深度思考師兄建議進(jìn)行修改輸入欄左側(cè)換用輸入限制電話位，密碼位根據(jù)結(jié)構(gòu)的語義化修改嘗試下再加一 任務(wù)四、 一個(gè)最常見的移動(dòng)端頁面 完成的事情 完成簡單布局，然后填充界面 與效果圖對(duì)比優(yōu)化 完成驗(yàn)收要求：header擴(kuò)展性 & 頂欄固定 進(jìn)行p...

    kun_jian 評(píng)論0 收藏0

  • flex布局滾動(dòng)問題，子元素?zé)o法全部顯示的解決辦法

    摘要：布局使用起來非常方便，對(duì)于水平垂直居中的需求，很容易就能實(shí)現(xiàn)。但是前不久，在做全屏彈窗遮罩登錄的時(shí)候，遇到了布局滾動(dòng)的一個(gè)問題，在此記錄一下。關(guān)鍵就在于最低高度，如果不用最低高度的話，滾動(dòng)時(shí)還是無法全部顯示登錄框。 flex布局使用起來非常方便，對(duì)于水平垂直居中的需求，很容易就能實(shí)現(xiàn)。但是前不久，在做全屏彈窗遮罩登錄的時(shí)候，遇到了flex布局滾動(dòng)的一個(gè)問題，在此記錄一下。 問題重現(xiàn) 理...

    Scliang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<