kendo-ui - Kendo 中的中心 div 用于 Angular 对话框
问题描述
在这个 StackBlitz 中,我有一个包含 div 的 Angular 对话框的 Kendo。我需要在对话框区域中垂直/水平地将潜水居中。这怎么可能?我试过"margin: auto"
但没有用。
@Component({
selector: 'my-app',
template: `
<kendo-dialog [width]="340" [height]="200">
<kendo-dialog-titlebar>
The Title
</kendo-dialog-titlebar>
<div id="div1">CENTER THE DIV</div>
</kendo-dialog>
`,
styles: [`
#div1{
width:120px;
height: 40px;
background-color: yellow;
}
`]
})
export class AppComponent {
public opened: boolean = true;
}
解决方案
推荐阅读
- excel - 使用在下拉列表中选择的单元格编号将行导出到 PDF/Word
- android - 应用程序无法在 Api 19 Android KitKat 4.4 中运行
- css - 覆盖我无法访问的 CSS 引导属性
- java - Java:生成一个随机值,然后将 1 添加到另一个变量中的值
- java - 启动 Springboot 时 bean 中的 StackOverflowError
- linux - 大括号中的 Bash 脚本奇怪的转义和磅符号
- python - 如何检查 MongoEngine 中的查询返回空对象?
- java - 从嵌套的 json 数据返回索引值
- python - Spotfire 按需更新数据表
- python-3.x - 使用设定的距离和时间减速到停止