文字没有留在单行

Question

我有旋转的文字链接，因此它们在页面的左/右垂直读取。然而，当没有设定宽度时，它们会在两条线上。文本由链接的标题（Wordpress）生成，而不是硬编码的

CSS

[class*="navigation"] .nav-previous, 
[class*="navigation"] .nav-next { 
position:fixed;
z-index: 999;
top: 50%; bottom: 0;
transform: translateY(-25%);
text-align: center;
}

[class*="navigation"] .nav-previous { left: 0px; }
[class*="navigation"] .nav-next { right: 0px;}

[class*="navigation"] .nav-previous a,
[class*="navigation"] .nav-next a {
position: absolute;
text-transform: uppercase;
display: inline-block;
background-color: #fff;
padding: 22px 10px 0 10px;
}

Answer 1

您可以将[class*="navigation"] .nav-next a { position: absolute; text-transform: uppercase; display: inline-block; background-color: #fff; padding: 22px 10px 0 10px; white-space: nowrap; } 添加到此块以防止破坏该行。

{{1}}

希望这有帮助。