html - 奇怪的引导按钮行为

原文 标签 html css button bootstrap-4

  <a class="btn btn-dark" href="#" role="button">Apple Music</a>

全分辨率工作正常

full resolution image

在某个分辨率上, Bootstrap 的行为如下

weird in small resolution image

在智能手机分辨率再次起作用`

Smartphone resolution

最佳答案

此行为通常与 white-space: normal 的组合有关。和 word-break: break-all .我很确定你的按钮有 word-break定义。你可以在你的代码中检查。

覆盖它的最简单方法是更改​​ white-space定义为 white-space: nowrap但这也取决于你想用按钮文本实现什么。如果您希望它继续中断,但只有完整的单词,您可以删除 word-break定义或将其覆盖为 word-break: inherit .

关于html - 奇怪的引导按钮行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59805124/

相关文章:

image - 在 Html5 Canvas 上以浮点坐标绘制图像

php - PHPBB 3.0.8奇怪的错误

html - 在 div 内拉伸(stretch)任意数量的 span

css - 仅将“悬停”框阴影应用于容器

CSS3 动画

html - 为我的网站制作代码框

c# - C#中的Selenium如何根据其值定位此范围?

Android:后退按钮不会杀死主进程

html - 单击以显示所有内容时,如何使div容器显示某些内容?

ios - 自定义多个标签或按钮