CSS定位在屏幕中心點是開發者在前端開發中經常遇到的問題之一。下面介紹一種常見的CSS技巧來實現此目的。

.center {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述CSS代碼包含四個屬性：

• position: fixed; 表示將元素的定位方式設置為fixed（固定定位）。
• top: 50%; 表示將元素距離父元素頂部的位置設置為50%。
• left: 50%; 表示將元素距離父元素左側的位置設置為50%。
• transform: translate(-50%, -50%); 表示將元素向左上角移動（左移50%，上移50%），使其顯示在屏幕中心。

以上代碼可以應用于任何元素（如div或img等）。

需要注意的是，元素的寬度和高度必須已知，且必須小于或等于屏幕尺寸。否則，該元素將會超出屏幕或者顯示不全。

總之，這是一種簡單而實用的CSS技巧，能夠快速實現使元素居中顯示在屏幕中心點的效果。