CSS通用靈巧子彈是CSS代碼中經常使用的技巧，它可以使我們在實現某些功能時更加便捷。下面介紹一些常見的CSS通用靈巧子彈。

1. 清除浮動 float clearfix

.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix {
*zoom: 1;
}

2. 讓文本居中顯示 text-align center

.center {
text-align: center;
}

3. 隱藏文本 text-hide

.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}

4. 禁止圖片拖動 user-select none

img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

5. 禁止選中文字 user-select none

.noselect {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

6. 禁止元素被選中 user-drag none

.nodrag {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}

7. 禁止鼠標事件 pointer-events none

.no-events {
pointer-events: none;
}

8. 讓元素絕對居中 absolute center

.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

9. 讓元素固定在底部 fixed bottom

.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}

以上就是一些常見的CSS通用靈巧子彈，希望對大家CSS編碼有所幫助。