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