Question

我只是在一个CMS网站工作......但是刚刚遇到一个问题，滑块首先用水平的一行写出了文本，现在它在每一行中显示为每个单词的垂直文本，就像连续一样。 ..所以我真的很想知道正在发生的文字是以垂直形式而不是横向形式展示的......所以朋友们请帮助...任何能告诉或找出真正问题的人......！

文本是：“服务超过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);
 }

请使用滑块类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课程即可。

真棒图片滑块btw！

Answer 2

您应该将自己的身高设置为自动：

.slider .txt2{height: auto /*Rest of CSS Code*/}

Answer 3

该文本<div style="position:absolute; left:50%; top :-20%;">的父元素的宽度为0像素，因为它没有定义的宽度和position: absolute。如果您定义此元素的宽度，例如宽度为200px，则带有文本的内部元素将具有此宽度。

如何在css中将垂直文本更改为水平文本？

3 个答案: