Question

我有以下标记：我希望文本在一行中的绿色背景上。我怎样才能做到这一点？我发生了这样的问题，我可以改变什么，以便将来这些类型的问题不会发生？

<style type="text/css">      
#tb_enter {    
}
.gib_nav {
    background-color:green;
    background-position:0 0;
    background-repeat:no-repeat;
    border:medium none;
    cursor:pointer;
    display:none;
    float:right;
    height:324px;
    position:relative;
    width:25px;

}
#text{
margin-top:100px;
-moz-transform: rotate(-270deg);    
width:25px;
}    
</style>

<html>
<head>
<title>How to use external cursor type using CSS</title>
</head>
<body>
<div style="display: block;" id="tb_enter" class="gib_nav">
   <div id="text">Enter Rahul Gib</div>
</div>
</body>
</html>

Answer 1

删除.gib_nav课程的宽度规格。这将允许包含的文本在必要时推出div的宽度。

示例：

http://jsfiddle.net/VaY84/

编辑：

（请参阅评论）问题的作者正在寻找white-space: nowrap; CSS样式属性，以使div中的文本只显示在一行上，而不是包装到多行。

想要排成一行

1 个答案: