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

【问题标题】：Sublime Text creating multiple div with same class using ShiftSublime Text 使用 Shift 创建具有相同类的多个 div
【发布时间】：2016-04-07 22:56:01
【问题描述】：

我正在尝试在 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>

我们怎样才能做到这一点？

【问题讨论】：

不直接回答你的问题，但你可以试试Emmet
相信它，我尝试了很多次:)

标签： css html twitter-bootstrap sublimetext3

【解决方案1】：

第 1 步： 安装 Package Control。

第 2 步： Shift+Ctrl+p 然后搜索 emmet 安装并回车或观看此视频 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。

【讨论】：

再次 3x 不是一个类。用相同的类创建 div 3 次
你可以通过 div.col-sm-4*3 得到想要的结果
但是emmat包必须安装在sublime文本编辑器中
我从您的答案中删除了包控制代码，因为它可能随时更改。在您链接的页面上甚至还有一个漂亮的橙色框警告，告诉您不要在其他网站上重新发布代码。

【解决方案2】：

试试这个

div.col-sm-4*3

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

【讨论】：

【解决方案3】：

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

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

div.col-sm-4*3

【讨论】：

3x不是一个类。表示div会创建3次同一个类。

【解决方案4】：

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

在您的代码中，您可能忘记在 sm 和 4 之间添加 (-)。试试上面的代码，可能会对您有所帮助。

【讨论】：