VIM - 製表css

Question

我有一個CSS，並且有點瘋狂。我喜歡把我的冒號放在同一列（我知道，並非所有人都同意這一點......）。

我怎麼能問Vim在一個特定的列上設置所有的冒號 - 比如說20 ^th列？

我的想法是格式化這個代碼：

body { 
    3  font-family: sans-serif; 
    4  background-color: #315481; 
    5  background-image: linear-gradient(to bottom, #315481, #918e82 100%); 
    6  background-attachment: fixed; 
    7 
    8  position: absolute; 
    9  top: 0; 
10  bottom: 0; 
11  left: 0; 
12  right: 0; 
13 
14  padding: 0; 
15  margin: 0; 
16 
17  font-size: 14px; 
18 } 
19 
20 .container { 
21  max-width: 600px; 
22  margin: 0 auto; 
23  min-height: 100%; 
24  background: white; 
25 } 

這樣的：

Answer 1

因爲實際上運行Vim（你的回答是評論的問題），我建議安裝Align plugin。有了這個插件，你可以將其Align功能的行範圍的，例如：

:'<,'>Align [:;] 

對齊當前選擇的可視區域用冒號和分號。例如，下面的代碼：

.container { 
    max-width: 10px; 
    margin: 0 auto; 
    background: url('/path/to/image.png') top left no-repeat; 
} 

將會轉化成這樣：

.container { 
    max-width : 10px           ; 
    margin  : 0 auto          ; 
    background : url('/path/to/image.png') top left no-repeat ; 
} 

注意，您不必手動輸入'<,'>字符。簡單地選擇一個範圍內的行與移 - v（進入視線模式）時，按ķ，或Ĵ選擇多個行向上，或向下，然後輸入命令：:Align [:;]並按輸入。

您可以建立一個快捷方式在Vim配置文件中，如：

map <silent> <unique> <leader>ss :Align [;:]<cr> 

有了這個映射，你可以調用:Align [;:]功能與<leader> - 小號 - 小號組合，其中<leader>是使用mapleader命令指定的特殊密鑰。例如，您可以定義，鍵用下面的命令你<leader>鍵：

:let mapleader = "," 

然後將上述映射將與被觸發， - 小號 - 小號（選擇一系列線條，並按下快捷鍵）。