我在一个开发团队工作。有些人喜欢使用 Dreamweaver，但我更喜欢 Notepad++。每当我们需要编辑彼此的文件并且选项卡不匹配/对齐（缩进）时，就会出现问题。我很好奇为什么会发生这种情况，并想知道是否有办法在 Dreamweaver 设置或 Notepad++ 设置中将这些选项卡转换为其他内容以使其匹配。这可能吗/如何？
例子
上面的图像是 Notepad++ 中的简单 CSS，下面的图像是 Dreamweaver 中的代码。
左图为 Notepad++ Tab 设置，设置为 4。右图为 Dreamweaver 代码格式，其选项卡也设置为 4。
左边的图像是 Dreamweaver，右边的图像是 Notepad++，它们看起来使用相同的字体 Courier New 10px，但实际上并非如此。
差异
在上面的例子中，Dreamweaver似乎将括号直接对接至然后h6会tab形成双倍空格，而不是完整的 4 个空格，其中记事本++有一个“7 个空格”的标签，这很奇怪。
答案1
我认为问题出在 Notepad++ 的 CSS 文件的默认样式上。
进入设置/样式配置器菜单项，然后点击CSS和TAG，得到如下结果：
您会注意到使用的字体是@Batang（我个人从未听说过或使用过）。这种字体看起来不像是等宽字体。
将字体更改为默认字体，然后单击“保存并关闭”：
以下是显示内容，其中第一张图像是更改之前的图像，第二张图像是更改之后的图像：
更改后的第二幅图像现在看起来更像是等宽字体。
您可以再更改一些字体，以便更好地与 Dreamweaver 兼容。但是，由于我不使用它，所以我不知道它使用什么字体来显示 CSS。
答案2
如果仔细查看该图像，您会发现 Notepad++ 无法正确呈现等宽字体。这似乎是空格字符的问题。看看标签是如何h4排列的。将其与 Dreamweaver 屏幕截图进行比较，其中所有字符都整齐地排列成列。
这个 StackOverflow 问题似乎正在解决相同的问题，因此 CSS 模板文件中可能存在导致问题的内容。