我想显示一个应包含几行新行作为工具提示文本的文本。
<b-tooltip label="Item 1 \r\n Item 2 \r\n Item 3" size="is-small" type="is-light" position="is-top" animated multilined>
<b-button type="is-primary" size="is-large" icon-left="compact-disc">
Action
</b-button>
</b-tooltip>
使用 \r\n
的新行或<br>
不工作。
如何在该元素上强制换行?
最好有适当的 html 内容作为工具提示,但目前 Buefy 不支持它。
编辑:
最佳答案
将 css 空白更改为 pre
或 pre-wrap
:
.b-tooltip:after {
white-space: pre !important;
}
并使用
代替\n
<b-tooltip label="Item 1 
 Item 2 
 Item 3" size="is-small" type="is-light" position="is-bottom" animated multilined>
<b-button type="is-primary" size="is-large" icon-left="compact-disc">
Action
</b-button>
</b-tooltip>
关于javascript - Buefy 工具提示中的新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61377368/