在編寫 Vue 模板時,您可以使用許多 CSS 類別。它們非常方便,可以簡化您的 VueModels 和模板的複雜性。
以下列表並不完整。另請查看其他 CSS 文件頁面,例如排版、可見性、陰影、定位。
類別名稱 | 描述 |
---|
不可選取 | 使用者將無法選取 DOM 節點及其文字 |
無指標事件 | DOM 元素不會成為滑鼠事件的目標 - 點擊、懸停等等 |
所有指標事件 | 相反於 no-pointer-events |
指標游標 | 更改 DOM 元素上的滑鼠指標,使其看起來像可點擊的連結 |
不允許游標 | 更改 DOM 元素上的滑鼠指標,使其看起來像是不會執行動作 |
繼承游標 | 更改 DOM 元素上的滑鼠指標,使其看起來與父選項相同 |
無游標 | 不會呈現滑鼠游標 |
類別名稱 | 描述 |
---|
滾動 | 應用 CSS 調整,使滾動在所有平台上都能發揮最佳效果 |
無滾動條 | 隱藏 DOM 節點上的滾動條 |
溢位自動 | 將溢位設定為自動 |
溢位隱藏 | 將溢位設定為隱藏 |
Y 軸溢位隱藏 | 將 Y 軸上的溢位設定為隱藏 |
隱藏滾動條 | 移除滾動條 |
類別名稱 | 描述 |
---|
填滿 | 寬度和高度設定為 100% |
完全高度 | 高度設定為 100% |
完全寬度 | 寬度設定為 100%,左右邊距為 0 |
視窗高度 | 高度設定為 100vh,上下邊距為 0 |
視窗寬度 | 寬度設定為 100vw,左右邊距為 0 |
區塊 | 設定 display 屬性設定為 block |
類別名稱 | 描述 |
---|
旋轉 45 度 | 旋轉 45 度 |
旋轉 90 度 | 旋轉 90 度 |
旋轉 135 度 | 旋轉 135 度 |
旋轉 180 度 | 旋轉 180 度 |
旋轉 225 度 | 旋轉 225 度 |
旋轉 270 度 | 旋轉 270 度 |
旋轉 315 度 | 旋轉 315 度 |
水平翻轉 | 水平翻轉 DOM 元素 |
垂直翻轉 | 垂直翻轉 DOM 元素 |
類別名稱 | 描述 |
---|
無邊框 | 移除任何邊框 |
無邊框圓角 | 移除邊框可能有的任何圓角 |
無陰影 | 移除任何已套用的陰影 |
無外框線 | 移除邊框上套用的任何外框線 |
圓角邊框 | 應用通用邊框圓角 |
繼承邊框圓角 | 從父元素繼承邊框圓角 |