1. 程式人生 > >設定一個DIV固定在底部,並且左右固定,垂直居中

設定一個DIV固定在底部,並且左右固定,垂直居中

這裡寫圖片描述

HTML

            <footer>
                <div class="footer">            
                    <div class="btn_mes">
                        <input type="button" class="withdrawals" id="btn2" value="升級為正式萌團長">
                    </div>  
                </div>
            </footer>

CSS

    .footer {
            width: 100%;
            position: absolute;
            bottom: 0;
        }
        .btn_mes {
               margin-bottom: 45px;
               width: 100%;
               padding-left: 15px;
               padding-right: 15px;
        }
        .withdrawals {
            width
: 100%
; height: 44px; background: none; border: 1px solid #ff6f60; color: #ff6f60; font-size: 14px; border-radius: 4px; }

相關推薦

沒有固定高度的div在父元素中垂直居中

如圖,我要做的效果是將中間藍色的地方,也就是這個.stopover-station標籤,上下垂直居中,只要在需要居中的父元素上設定 .operate-mask-outer>#operateMask { align-items: center; display: -webkit

Mybatis查詢查詢一個欄位的時候沒有值並且返回null報空指標的解決方法

select IFNULL (MAX(custid), 0) AS custId from user_work_enroll_cust where phone=#{phone}MYsql這裡我們使用IFNULL函式處理即可其他資料在SQLSERVER中我們可以這樣寫:sele

實現類似微信表情包橫向滾動翻頁的功能運用UICollectionView自定義UICollectionViewFlowLayoutcell左右排版 支持多組Cell實現。

hang sig idt 滾動翻頁 功能 details assign 實現類 targe 結合:https://blog.csdn.net/qiuhaozhou/article/details/54582741 下面是我所要的樣式的實現的代碼: .h文件如下: #i

hexo安裝成功並且正確執行但是localhost:4000不能訪問

最近在用hexo 搭建github pages 時,遇到一個問題, hexo安裝沒錯,也能成功執行。啟動也沒錯。 就是不能訪問。。 原因是: 你的電腦埠被佔用了。 hexo預設的埠是4000,如果你的電腦安裝了福昕閱讀器,,就是他,沒錯,坑爹吧!!!!

【12】MUI 仿拼多多 全部訂單(頂部選單欄左右滑動webview模式)

點選此處:MUI仿拼多多總目錄 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

(1).Person類有name,age,salary屬性要求實現至少兩個構造方法並且屬性私有提供對應的getter、setter。 2).覆寫toString方法要求在System.out.

/** (1).Person類有name,age,salary屬性,要求實現至少兩個構造方法,並且屬性私有,提供對應的getter、setter。2).覆寫toString方法,要求在System.out.println()函式中傳遞Person物件能打印出三個屬性值而不是物

遍歷物件的屬性判斷屬性的值並且賦值用來替代三元運算

public Object getQueryCriteria1(Object fullProcessDetail) throws NoSuchMethodException, InvocationTa

解決方案:Resharper對系統關鍵字提示‘can not resolve symbol XXX’並且顯示紅色但是編譯沒有問題

環境:Visual studio 2013 community Update 4 + Resharper 8.2 + Windows 7現象:我的C#工程編譯沒有問題, 但是在程式碼編輯器中系統關鍵

js+css控制彈出小視窗之後後整個頁面背景圖變色並且不可操作點選確定頁面跳轉。。。

<html> <head> <title>彈出一個視窗後,後面的層不可操作 ,點選確定之後跳轉新的頁面</title> <script> function show() //顯示隱藏層和彈出層 {

單鏈表的建立把a~z 26個字母插入到連結串列中並且倒敘還要列印

#include<stdio.h> #include<stdlib.h> typedef struct linklist { char ff; struct linklist *next; }Node; typedef Node*

CSS實戰技巧:大小不固定多行文字的垂直居中

1.單行文字 html程式碼 <div> <p>單行文字</p> </div> css程式碼 div { wi

固定容器高度的多行文字垂直居中

需要 pad color ica round pre 絕對定位 span ddl 思路:把文字用span包裹起來,設置為inline-block,相當於圖片img的屬性。父div用table-cell的樣式,用vertical-align:middle實習上下居中 <

多行或者單行文字超出兩行顯示點點點如果保證內容始終垂直居中

我現在的需求是這樣的,我目前實現了一個div框,顯示文字,超出兩行顯示...,如果單行要保證垂直居中,我如果給容器使用display:flex;align-items:center;則當文字內容過多的時候會不上下文字有截斷; 現在效果如下:     .info_des {

設定子元素在一個不清楚寬高的父元素中垂直居中

通過以下兩種方法便可以實現垂直居中的操作了,並且可以實現子元素在一個不清楚寬高的父元素中垂直居中的效果。 方法1. 使用定位和負margin可以實現。 (缺點:這種方法可以不用知道父元素的寬高,但是必需得知道子元素的寬高才可以設定) <sty

css---父元素高度不確定如何通過css樣式垂直居中

案例程式碼: <div id='box'> <section class='boxLeft'> <ul> <

Iframe中彈出層螢幕垂直居中

iframe中,滾動條在父頁面,彈出層螢幕居中:  $( this ).css( "top", (window.screen.availHeight - this.offsetHeight - 100) / 2 + parent.pageYOffset); window.

HTML5佈局2個div一行。一個在左邊一個在中間並且中心線對齊

先上一下效果圖: 如圖所示:返回按鈕在左邊。下一步的按鈕在中間位置。它們在一行。並且水平對齊。 程式碼如圖: <div style="display:flex;background: #0BB20C;position: relative;margin-top: 100px"&

父元素為一個div寬度高度不固定子元素是一個塊狀元素寬高已知如何實現子元素在父元素內水平、垂直居中

父元素為一個div,子元素是一個塊狀元素,寬高已知,如何實現子元素在父元素內水平、垂直居中?  1、 //利用相對定位,讓子元素垂直居中 <!DOCTYPE html> <html> <head> <title><

DirectX 安裝報錯: 不能信任一個安裝所需的壓縮文件請檢查加密服務是否啟用並且cabinet文件證書是否有效

建議 長時間 頁面 檢查 ould get 浪費 images 跳轉 DirectX 安裝報錯 不能信任一個安裝所需的壓縮文件,請檢查加密服務是否啟用並且cabinet文件證書是否有效 是直播軟件open broadcaster software,這個軟件安裝的時候提示“y