Css 要像内联跨距一样换行的按钮文本

是否可以将按钮文本换行到跨距旁边？使按钮显示在多行上

例如：

div{
背景色：#ccc；
填充：10px；
宽度：150px；
}
钮扣{
边界：0；
背景：透明；
}

Lorem ipsum dolor sit amet按钮，带长标签

为什么不使用onclick作为文本而不是实际的按钮

功能测试（）{
警报（“测试”）；
}

div{
背景色：#ccc；
填充：10px；
宽度：150px；
}

答复
Lorem ipsum dolor sit amet按钮，带长标签

将div包装到容器中

.container{
显示器：flex；
证明内容：中心；
宽度：自动；
对齐项目：居中；
}

Lorem ipsum dolor sit amet按钮，带长标签

按钮始终由浏览器呈现为内联块。因此，如果不将按钮标记更改为href之类的内容，就不可能实现您想要的功能。

显示：内容可以做到这一点，但你可能会失去比你将赢得更多的东西（它也会破坏可访问性）


div{
背景色：#ccc；
填充：10px；
宽度：150px；
}
钮扣{
边界：0；
背景：透明；
显示：内容；
}

Lorem ipsum dolor sit amet按钮，带长标签
您有透明背景并设置了另一种背景色，按钮为correct@WalterWhite与背景色无关需要作为可访问性的按钮reasons@user1486133好的，对不起，这只是使div变宽以适应按钮的长度，这不是我需要的。而且它不会将按钮的文本换行伟大的答案！我还建议添加
font:inherit
，使其与文本的其余部分一样内联流动。然而，改变按钮的颜色或背景也是一个好主意，这样我们可以使其与文本的其余部分不同。