CSS中,按鈕元素通常是使用
button { position: absolute; left: 50%; /*設(shè)置按鈕水平居中*/ transform: translateX(-50%); /*改變按鈕的位置*/ }
上述代碼中,我們使用position: absolute使按鈕脫離文檔流,可以對其進(jìn)行絕對位置的設(shè)置。為了使按鈕水平居中,我們設(shè)置了left:50%。但是這時候按鈕會左移一半,變成以中心點為左邊界的情況。為了使按鈕真正的露出來并居中,我們使用transform: translateX(-50%),將按鈕向左平移50%的寬度。
需要注意的是,該方法只在已知按鈕寬度的情況下才能有效。如果按鈕寬度是動態(tài)變化的(如響應(yīng)式設(shè)計),需要通過JavaScript進(jìn)行處理。
上一篇mysql最新版本特點