固定定位下div水平居中
生活随笔
收集整理的這篇文章主要介紹了
固定定位下div水平居中
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在元素進行固定定位后,要想讓div元素水平居中。可使用代碼:
left: 50%; transform:translateX(-50%);
應用到元素上即
.co{
position: fixed;
bottom: 34px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #959595;
left: 50%;
transform:translateX(-50%);
}
即可實現(xiàn)元素水平居中。
原理是首先讓元素左邊界為50%處,再向左平移元素自身的一半。
總結
以上是生活随笔為你收集整理的固定定位下div水平居中的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Unix时间戳转换
- 下一篇: hdwiki中插件开发指南