Angular 6 是否正在删除默认元素边距？

Question

我遇到的问题是 Angular 6 中的 html 元素（下面示例中的按钮）似乎缺少默认边距：

Angular 5.2.2 example - 按钮之间默认 margin/spacing

Angular 6.0 example - 按钮之间缺少 margin/spacing

我希望在我打开 github 问题

之前，有人可以确认这是 angular 的问题 - 或者指出问题的根源

Answer 1

不，它没有改变边距。 angular 6.0 示例中的空格是 stripped，这将删除 inline-block 元素之间的边距。 angular 有一个 preserveWhitespaces 配置，现在（在 6.0 版本中）默认禁用。

查看此答案以获取更多信息：

Answer 2

您可以尝试添加 preserveWhiteSpace，因为按钮之间的 space 不是边距而是白色 space。

@Component({ 
   selector: 'app-employee-list', 
   templateUrl: './employee-list.component.html', 
   styleUrls: ['./employee-list.component.css'], 
   preserveWhitespaces: true 
}) 
export class EmployeeListComponent { 
}

要在整个应用程序中执行此操作，您可以执行以下操作：

[…] 
"angularCompilerOptions": { 
  "preserveWhitespaces": true 
} 
[…]

Angular 6 是否正在删除默认元素边距？

Is Angular 6 is removing default element margins?

html

css

angular

angular5

angular6