テキストが1行に収まらない

Question

テキストリンクが回転しているため、ページの左右に縦に読み込まれます。ただし、設定幅が与えられていない場合は、2行になります。テキストはあなたがラインを壊す防ぐために、このブロックにwhite-space: nowrap;を追加することができます

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; 
} 

これが役に立ちます。