1.主要是给父元素设置white-space: nowrap;强制元素不换行。如果需要使父元素不换行则需要设置display: inline-block;等
2. 给子元素设置dispaly: flex / inline-flex / inline-block 使子元素里面的元素一行显示。
总结:
.parent {
white-space: nowrap;display: inline-block;
}
.child {
display: inline-flex;
}
1.主要是给父元素设置white-space: nowrap;强制元素不换行。如果需要使父元素不换行则需要设置display: inline-block;等
2. 给子元素设置dispaly: flex / inline-flex / inline-block 使子元素里面的元素一行显示。
总结:
.parent {
white-space: nowrap;display: inline-block;
}
.child {
display: inline-flex;
}