html - css 如何让竖排文字变成横排文字？

Question

我只是在一个 CMS 网站上工作...但刚遇到一个问题， slider 的文本首先是水平一行，现在它显示为每行每个单词的垂直文本，就像以连续的方式一样。 ..所以我真的很想知道文本以垂直形式而不是水平形式显示是怎么回事..所以请 friend 帮忙...任何可以告诉或找出真正问题的人......!

正文是:“服务40多年”

这是 HTML 代码:

<div class="txt2">Serving Over 40 Years</div>

这里是 CSS 代码:

.slider .txt2{ 
 width:100%; 
 height:30px;  
 z-index:11;  
 font-family:'NeouThin';
 font-size:30px; 
 line-height:30px; 
 color:#000000;
 text-shadow:1px 1px 3px rgba(0, 0, 0, 0.9);
 }

请提供 slider 类 CSS 代码:

.slider {
position: absolute; left:0px; top:0px; z-index:6;
display: block;
width:975px;
height:537px;
overflow:visible!important;
}

这里是网站的实时链接:http://www.huntedhunter.com/raymain_errors/

等待您的回复..谢谢..

谢谢..

Answer 1

只需将 white-space: nowrap; 添加到 txt2 类即可。

很棒的图片 slider !