図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあります。2 番目のラベル コンテンツが幅を超える場合は、スライド表示効果を設定する必要があります。
元のエフェクトはこんな感じで、文字数が多いと2行になるのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。
結果はこんな感じで2行になりますが、display:inlineが設定されているとdisplay:-webkit-boxが使えないので、どうすれば実現できるかアドバイスをお願いします。
サブタイトルの外側の親ボックスを 100% の幅に設定します。 サブタイトルの高さは 1 行の行の高さになります。 属性の空白も設定します。 nowrap;overflow:scroll;次に疑似字幕を設定します Element::-webkit-scrollbar { display:none } スクロールバーを非表示にします
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
サブタイトルの外側の親ボックスを 100% の幅に設定します。
サブタイトルの高さは 1 行の行の高さになります。 属性の空白も設定します。 nowrap;overflow:scroll;
次に疑似字幕を設定します Element::-webkit-scrollbar { display:none } スクロールバーを非表示にします