我有一个html标签字段<label className='flexRow'>Premium Economy</label>，flexRow类是
<label className='flexRow'>Premium Economy</label>
.flexRow{ display:flex; }
但由于文本长度太大，我无法让它水平调整，可以做些什么来适应行中的文本，而不需要在html底部占用空间
vc9ivgsu1#
要确保<label>中的文本适合一行，而不占用底部空间，您需要在CSS中应用overflow和text-overflow属性。此外，您可以尝试使用white-space属性来控制文本在元素中的换行方式。CSS：
<label>
overflow
text-overflow
white-space
.flexRow { display: flex; flex-direction: row; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
1条答案
按热度按时间vc9ivgsu1#
要确保
<label>中的文本适合一行，而不占用底部空间，您需要在CSS中应用overflow和text-overflow属性。此外，您可以尝试使用
white-space属性来控制文本在元素中的换行方式。CSS：