Docz: 遊び場で壊れた要素

作成日 2018年07月01日  ·  3コメント  ·  ソース: doczjs/docz

バグレポート

バグを説明する
遊び場の幅よりも大きい要素のセットを追加すると、要素が壊れます

再現するには
captura de tela 2018-07-01 as 15 39 10

環境

  • OS:macOS High Sierra 10.13.4
  • ノード/ヤーンバージョン:8.5.0 / 1.6.0
question

最も参考になるコメント

これはcssの過小評価された効果であり、問​​題はaタグが表示されることにあります:インライン(デフォルトのブラウザー)要素。

リンクは、ブロックレベルの要素ではなく通常のテキストとして扱われるため、半分にカットされます。

white-space: nowrap;を設定することはできますが、画面のサイズが変更されても応答しないため、 display: inline-block;を使用すると問題が修正され、実際のブロックレベルのリンクになります。

これがあなたが探しているものであることを願っています✋

image

全てのコメント3件

ねえ@nicholasess 、フィードバックありがとうございます。

私はここでそれをデバッグしていました、そして例ですべてがうまくいくようです。

このバグのサンプルコードまたはリポジトリを提供していただけますか?

@marceloavfはい、これは私が作成したリポジトリです。
https://github.com/nicholasess/docz-example/blob/master/src/components/Button.mdx#L21

これはcssの過小評価された効果であり、問​​題はaタグが表示されることにあります:インライン(デフォルトのブラウザー)要素。

リンクは、ブロックレベルの要素ではなく通常のテキストとして扱われるため、半分にカットされます。

white-space: nowrap;を設定することはできますが、画面のサイズが変更されても応答しないため、 display: inline-block;を使用すると問題が修正され、実際のブロックレベルのリンクになります。

これがあなたが探しているものであることを願っています✋

image

このページは役に立ちましたか?
0 / 5 - 0 評価