gpt4 book ai didi

css - 工具提示覆盖在容器组件上

转载 作者:太空宇宙 更新时间:2023-11-04 05:41:54 26 4
gpt4 key购买 nike

出现错误时,我有一个带有工具提示图标的组件。当工具提示的文本包含一个大字(没有空格)时,问题就开始了。

在这种情况下,工具提示框内的文本会超出边框。

请看这个沙盒: https://codesandbox.io/s/fragrant-morning-267l5

最佳答案

默认情况下,如果单词足够长以至于在同一行上没有剩余空间,则单词会在新行上换行。由于您输入的是一个长词,因此它无法找到一个新词来打断,因此它会越过方框。

你可以做的是打破一个你可以打破一个字母的单词

word-wrap: break-word;

将该 CSS 添加到文本。当新字母的空间用完时,它将转到下一行。

阅读更多相关信息 here

希望这有帮助:)

关于css - 工具提示覆盖在容器组件上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59124916/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com