我有一个按钮如下，
<button class="geomap-zoom-out" id="adpi-ann-comp-reset-button"">{{labelName}}</button>
laleName = "切换到完整 map "
我希望按钮按钮中的文本是这样的，
Switch
to
Full map
但是当我添加
word-break: break-all;
它正在为所有不需要的单词产生空间。任何人都可以建议我帮忙。谢谢。
最佳答案
您可以添加标签 br 等不需要特定的 css 所以它会是这样的:
<button class="geomap-zoom-out" id="adpi-ann-comp-reset-button">Switch<br>to<br>Full map</button>
编辑:在您共享的代码中，id 末尾有 2 个 "，您可能需要删除一个 :)
关于html - 如何在css中产生单词之间的空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59155361/