Sublime Text使用Shift创建具有相同类的多个div

时间:2016-01-04 10:40:29

标签: html css html5 twitter-bootstrap sublimetext3

我正在尝试使用sublime Text中的Shift命令创建具有相同类的多个div。但它不起作用。

我这样想:

div.3x col-sm-4

所需的输出如下:

   <div class="col-sm-4"></div>
   <div class="col-sm-4"></div>
   <div class="col-sm-4"></div>

我们怎么做?

4 个答案:

答案 0 :(得分:6)

第1步:安装Package Control

第2步: Shift + Ctrl + p然后搜索emmet进行安装并按Enter或观看此视频 Sublime Text Emmet (Tutorial #7)

您已完成安装现在重新启动sublime text。

=============================================== ==============

并且您可以通过编写此类代码获得所需的结果

div.col-sm-4*3

然后按Tab键,你就会得到

<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>

但必须安装emmet。

答案 1 :(得分:4)

你可以试试这个 div.3x col-sm-4

在你的代码中,你可能忘了把( - )放在sm和4之间。尝试上面的代码,可能对它有帮助。

答案 2 :(得分:4)

试试这个

div.col-sm-4*3

对于上面的代码,我假设col-sm-4是你的类名,3是乘法数,它重复三次div。

答案 3 :(得分:0)

使用单个点(。)编写每个类,并使用*将其与您想要的数字相乘。我假设你有一个班级col-sm-4,你想要制作3 div

在这种情况下你应该写这个

div.col-sm-4*3