div元素中三个相同大小的标题

Question

我想制作div的布局，其中有3个字幕适合相同的大小！

我正在使用角度物化 - 普通的html / css也适用于我。

我试过了

<div>
 <label> Label 1 </label>
 <label> Label 2 </label>
 <label> Label 3 </label>
</div>

我附上了我需要的图像。

我应该在里面使用相同的3个div吗？或跨度/标签？

Answer 1

这就是你需要的。

＆＃13;

＆＃13;

.tabs label {
    padding: 10px 20px;
    border-left: 1px solid #ccc;
    border-right: 0;
    float: left;
}
label.selected {
    background: #ccc;
}
.tabs label:first-child {
    border-left: 0;
}

.tabs {
    margin: 10px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow:hidden;
}

＆＃13;

<div class="tabs">
 <label class="selected"> Label 1 </label>
 <label> Label 2 </label>
 <label> Label 3 </label>
</div>

＆＃13;

＆＃13;

＆＃13;