Mám nasledujúce označenie: Chcem, aby bol text na zelenom pozadí v riadku. Ako to môžem dosiahnuť? Mám tento problém, čo môžem zmeniť, aby sa v budúcnosti k takýmto problémom nestal?
<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>
odpovede:
0 pre odpoveď č. 1Odstráňte zo šírky špecifikáciu šírky .gib_nav trieda. To umožní, aby obsiahnutý text vytlačil šírku div podľa potreby.
Príklad:
edit:
(pozri komentáre) autor otázky hľadal white-space: nowrap; Atribút štýlu CSS, aby text v div bol zobrazený iba na jednom riadku, a nie na zalomenie viacerých riadkov.