在旅行日期之间,我想添加一个连字符,然后将它们均匀地分布在整个宽度上,但我不能让它工作。我想左对齐“进入目的地”。我该如何在开始日期和结束日期之间添加一个连字符,以便扩展整个页面的宽度?
<ion-label>Destination</ion-label>
<ion-item>
<input [(ngModel)]="destination" placeholder="Enter destination"
#destin>
</ion-item>
<ion-label>Trip dates</ion-label>
<ion-item flex>
<ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="startDate"> .
</ion-datetime>
<p class="hyphen">--</p>
<ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="endDate"></ion-
datetime>
</ion-item>
CSS
.hyphen{
display: flex;
width: 100px;
height: 24px;
font-family: Gotham;
font-size: 24px;
align-items: flex-start;
align-content: center;
flex: auto;
}
.flex {
display: flex;
justify-content: space-between
}
https://stackoverflow.com/questions/51006132
复制相似问题