描述错误
当我添加一组比操场宽度更大的元素时,它会破坏元素
再现
环境
嘿@nicholasess ,感谢您的反馈。
我在这里调试它,并且示例中似乎一切正常。
您能否提供此错误的示例代码或存储库?
@marceloavf是的,这是我创建的存储库。
https://github.com/nicholasess/docz-example/blob/master/src/components/Button.mdx#L21
这是 css 的不足之处,问题在于您的a
标签是 display: inline(默认浏览器)元素。
链接被切成两半,因为它们被视为普通文本,而不是块级元素。
您可以将white-space: nowrap;
为它们,但它们不会随着屏幕大小调整而响应,因此使用display: inline-block;
应该可以解决问题并使它们成为真正的块级链接。
我希望这就是你要找的 ✋
最有用的评论
这是 css 的不足之处,问题在于您的
a
标签是 display: inline(默认浏览器)元素。链接被切成两半,因为它们被视为普通文本,而不是块级元素。
您可以将
white-space: nowrap;
为它们,但它们不会随着屏幕大小调整而响应,因此使用display: inline-block;
应该可以解决问题并使它们成为真正的块级链接。我希望这就是你要找的 ✋