Html Angular 6是否正在删除默认元素边距?
我遇到的问题是Angular 6中的html元素(下面示例中的按钮)似乎缺少默认边距: -按钮之间具有默认边距/间距 -缺少按钮之间的边距/间距Html Angular 6是否正在删除默认元素边距?,html,css,angular,angular5,angular6,Html,Css,Angular,Angular5,Angular6,我遇到的问题是Angular 6中的html元素(下面示例中的按钮)似乎缺少默认边距: -按钮之间具有默认边距/间距 -缺少按钮之间的边距/间距 我希望有人能确认这是angular的一个问题,或者在我打开github问题之前指出问题的根源。不,它不会改变页边距。angular 6.0示例中的空格已剥离,这将删除内联块元素之间的边距。 angular有一个preserveWhitespaces配置,现在(在6.0版本中)默认禁用 检查此答案以了解更多信息:您可以尝试添加保留空白,因为按钮之间的空间
我希望有人能确认这是angular的一个问题,或者在我打开github问题之前指出问题的根源。不,它不会改变页边距。angular 6.0示例中的空格已剥离,这将删除内联块元素之间的边距。 angular有一个
preserveWhitespaces
配置,现在(在6.0版本中)默认禁用
检查此答案以了解更多信息:您可以尝试添加
保留空白
,因为按钮之间的空间不是边距而是空白
@Component({
selector: 'app-employee-list',
templateUrl: './employee-list.component.html',
styleUrls: ['./employee-list.component.css'],
preserveWhitespaces: true
})
export class EmployeeListComponent {
}
要在整个应用程序中执行此操作,您可以执行以下操作:
[…]
"angularCompilerOptions": {
"preserveWhitespaces": true
}
[…]
Angular不是CSS框架可能是从模板中删除了非语义空白,这在我升级时改变了一些布局: