バグを説明する
遊び場の幅よりも大きい要素のセットを追加すると、要素が壊れます
再現するには
環境
ねえ@nicholasess 、フィードバックありがとうございます。
私はここでそれをデバッグしていました、そして例ですべてがうまくいくようです。
このバグのサンプルコードまたはリポジトリを提供していただけますか?
@marceloavfはい、これは私が作成したリポジトリです。
https://github.com/nicholasess/docz-example/blob/master/src/components/Button.mdx#L21
これはcssの過小評価された効果であり、問題はa
タグが表示されることにあります:インライン(デフォルトのブラウザー)要素。
リンクは、ブロックレベルの要素ではなく通常のテキストとして扱われるため、半分にカットされます。
white-space: nowrap;
を設定することはできますが、画面のサイズが変更されても応答しないため、 display: inline-block;
を使用すると問題が修正され、実際のブロックレベルのリンクになります。
これがあなたが探しているものであることを願っています✋
最も参考になるコメント
これはcssの過小評価された効果であり、問題は
a
タグが表示されることにあります:インライン(デフォルトのブラウザー)要素。リンクは、ブロックレベルの要素ではなく通常のテキストとして扱われるため、半分にカットされます。
white-space: nowrap;
を設定することはできますが、画面のサイズが変更されても応答しないため、display: inline-block;
を使用すると問題が修正され、実際のブロックレベルのリンクになります。これがあなたが探しているものであることを願っています✋