84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Tailwinds truncate クラスの使用に問題があります: https://tailwindcss.com/docs/text-overflow#truncate
truncate
これは非常に賢いユーティリティのように見えますが、ブラウザはテキストが切り詰められないようにあらゆる手段を講じるようです。これには非常に長い水平スクロールも含まれますが、これは絶対に望ましくないことです。
ブラウザが切り詰められたテキストに対して寛容になるようにするにはどうすればよいですか?
レイアウトをよりよく理解するために、HTML コードを共有することもできます。
Tailwind で truncate テキストを正しく使用するには、切り詰められた要素にタグ <p> があることを確認してください。場合によっては、親要素を # に設定してみるとよいでしょう。 ## をブロックするか、w-full を使用するか、flex を回避してください。 リーリー
<p>
## をブロックするか、
を使用するか、
レイアウトをよりよく理解するために、HTML コードを共有することもできます。
Tailwind で
繰り返しますが、ソース レイアウトを見ないと、これが最適なソリューションであるかどうかを判断するのは困難です。水平スクロールは、グリッド レイアウト、画面サイズ、幅に基づくレスポンシブ レイアウトなど、Tailwind が提供するツールの多くを使用して回避できるためです。操作待ち。truncate
テキストを正しく使用するには、切り詰められた要素にタグ<p>
があることを確認してください。場合によっては、親要素を # に設定してみるとよいでしょう。## をブロックするか、
w-fullを使用するか、
flexを回避してください。 リーリー