84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあります。2 番目のラベル コンテンツが幅を超える場合は、スライド表示効果を設定する必要があります。
元のエフェクトはこんな感じで、文字数が多いと2行になるのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。
結果はこんな感じで2行になりますが、display:inlineが設定されているとdisplay:-webkit-boxが使えないので、どうすれば実現できるかアドバイスをお願いします。
给副标题设置一个宽度为100%的外层父盒子,高度是一行文本的行高副标题高度也是一行的行高,设置属性white-space: nowrap;overflow:scroll;然后再设置副标题的伪元素::-webkit-scrollbar { display:none } 隐藏滚动条
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
给副标题设置一个宽度为100%的外层父盒子,高度是一行文本的行高
副标题高度也是一行的行高,设置属性white-space: nowrap;overflow:scroll;
然后再设置副标题的伪元素::-webkit-scrollbar { display:none } 隐藏滚动条