我無法居中按鈕並將其修復到瀏覽器頁腳？

http://i.imgur.com/SXgTt.png 我無法居中按鈕並將其修復到瀏覽器頁腳？

你看刪除這兩個會使圖像的工作，但在瀏覽器中查看時，不要粘到頁腳

這裏是如何的模樣

http://i.imgur.com/gdBMr.png

和這裏的CSS與HTML

<style> 
    body { 
     text-align: center; 
     background-color: #080707; 
     font-family: "Open Sans", sans-serif; 
    } 

.enter { 
    display: block; 
    width: 165px; 
    height: 50px; 
    line-height: 50px; 
    text-align: center; 
    border-radius: 30px; 
    border: 2px solid #c52f30; 
    color: #cf2f32; 
    margin: 30px auto 0; 
    text-decoration: none; 
    position:fixed; 
    bottom:23px; 

    } 
.enter:hover { 
    background: #cf2f32; 
    color: white; 
     -webkit-transition: background 0.4s ease, color 0.4s ease; 
     -moz-transition: background 0.4s ease, color 0.4s ease; 
     -o-transition: background 0.4s ease, color 0.4s ease; 
     -ms-transition: background 0.4s ease, color 0.4s ease; 
     transition: background 0.4s ease, color 0.4s ease; } 
</style> 


<body> 
    <p><img src="images/fullbg.png" style='width:100%; max-width: 800px;' border="0" alt="Null"></p> 
    <a href="#" class="enter">Enter</a> 
</body>

來源

2014-01-12 ekclone

你的圖像不會顯示 – connor

對不起，imgur刪除了圖像，因爲我看到它自動執行此操作時，我鏈接到stackoverflow – ekclone

我不認爲你可以使用auto利潤率招如果元素設置爲位置固定。但你可以這樣：

.enter { 
    display: block; 
    width: 165px; 
    height: 50px; 
    line-height: 50px; 
    text-align: center; 
    border-radius: 30px; 
    border: 2px solid #c52f30; 
    color: #cf2f32; 
    margin: 30px 0 0 -82px; 
    text-decoration: none; 
    position:fixed; 
    left: 50%; 
    bottom:23px; 
}

只需將左邊距設置爲元素寬度的一半即可。

來源

2014-01-12 00:57:06

作品魅力，非常感謝你！ – ekclone

我不能看到圖像，買你可以嘗試;

.enter { 
     display: block; 
     width: 165px; 
     height: 50px; 
     line-height: 50px; 
     text-align: center; 
     border-radius: 30px; 
     border: 2px solid #c52f30; 
     color: #cf2f32; 
     margin: 0 0 0 -83px;; 
     text-decoration: none; 
     position:fixed; 
     bottom:23px; 
     left:50%; 
    }

來源

2014-01-12 00:55:36 user3186216

嘿謝謝你的人，但沒有奏效，但是當我獲得更多的聲譽，我去投票，因爲我剛剛創建了這個帳戶！ – ekclone

我無法居中按鈕並將其修復到瀏覽器頁腳？

回答

相關問題