angular - 角按钮

Question

我是角度新手，正在练习制作按钮。我能够制作简单的按钮并处理点击事件，但现在我尝试制作三个并行按钮但无法做到。我要实现的页面如下：

---

                               My Title:



square buttons-1             square button-2                square buttomn-3

通过查看角度文档，我可以制作这些按钮，但我不知道如何制作像上面这样的平行方形按钮页面，以便我可以处理按钮的点击。

标签： angular

Answer 1

您正在寻找的只是 HTML 和 CSS，与 TypeScript 和 Angular 无关：

.title{
 text-align:center;
 
}

.button-wrapper{
 display: flex;
 justify-content: space-around;
 margin-top: 20px;
}

<div class="title">Your title<div>
<div class="button-wrapper">
    <button>Your Button 1</button>
    <button>Your Button 2</button>
    <button>Your Button 3</button>
</div>