坏按钮定位

Question

M(r|s)\.

但小尺寸看起来像这样：

请帮我解决这个问题。感谢

Answer 1

您是否尝试将display:block;添加到按钮？

Answer 2

默认情况下，<a></a>元素为inline元素，如果其内容溢出，则inline元素将默认换行。由于默认overflow属性为visible，因此more显示在Read的下一行。

要解决此问题，请添加一行white-space:nowrap;以强制您的btn-default元素在内容溢出时不要换行。

有关内联元素的更多信息，请参阅https://www.w3.org/TR/CSS22/visuren.html#inline-boxes。

Answer 3

作为快速而肮脏的修复方法，请尝试将Read more更改为Read more -  （不间断空格）将阻止文字之间的换行。