如何在html中的两个日期之间均匀地添加连字符
如何在html中的两个日期之间均匀地添加连字符
提问于 2018-06-24 08:46:22
在旅行日期之间，我想添加一个连字符，然后将它们均匀地分布在整个宽度上，但我不能让它工作。我想左对齐“进入目的地”。我该如何在开始日期和结束日期之间添加一个连字符，以便扩展整个页面的宽度？
<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
}回答 1
Stack Overflow用户
发布于 2018-06-24 09:05:49
我愿意相信你可以做这样的事情：
<div>
<p style="display: inline-block; float: left;">12/23/2019</p>
<p class="hyphen" style="display: inline-block;">--</p>
<p style="display: inline-block; float: right;">12/23/2020</p>
</div>注意:这只是一个样本，请注意样式的准确性，谢谢。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51006132
复制相关文章
相似问题