之前在做手機專案時,用到很多自定義彈窗,然後要求都垂直水平要居中,最開始的時候想用calc來計算,可是css3 的calc相容性不是很好,於是後來就借助了js來計算,
今天偶然看到別人的乙個方法,瞬間感覺自己做了很多無用功~~
translate,translate,
translate,translate。。
簡單的css**就可以實現:
.align
而且經過試驗,translate
)、邊框(border
)為標準計算的
,這就是說 ,不論我們加何種padding或border都不會影響結果。
css 利用translate讓元素居中
參考 父元素 position relative 居中元素 position absolute top 50 基於父元素 left 50 基於父元素 transform translate 50 50 基於自身 注意 此方法可能會導致畫素模糊問題,因為css 的 transform translat...
偽元素before after巧用
前幾天的晚上較全面的去看了下css的一些文件和資料,大部分的樣式運用都沒什麼大問題了,只是有些許較陌生,但是也知道他們的存在和實現的是什麼樣式。今天主要想在這篇學習筆記中寫的也不多,主要是針對 before和 after寫一些內容,還有幾個小樣式略微帶過的介紹下。什麼是 before和 after?...
巧用163郵箱設定妙招
email郵箱,巧用163郵箱設定妙招,爭做郵箱達人 說到email郵箱,極易聯想到抱著電腦忙碌處理不完的郵件的場景,這幾乎是所有工作者為之頭痛的事。經分析,導致效率低耗用長時間處理郵件,主要原因是 沒有掌握正確使用郵箱的技巧 今日,小編以tom vip旗下 163.net郵箱品牌為代表,通過163...