Jak mogę dostać mój tekst na jednej linii, kiedy obraca się w CSS
mam obracającego celi z
height: 500px;
width: 20px;
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
Ale kiedy mój ciąg zawierać więcej niż 1 słowo, to się dzieje multi-line (jak na zdjęciu poniżej)
Jeśli to, co zorientowali się, jest prawidłowy, spróbuj tego,
white-space: nowrap; dodać do swojej celi.
jsfiddle example here, przeczytaj o white-space here.
Czy wypróbowałeś właściwość white-space?
white-space: nowrap; /* or pre */
nowrap
powoduje usuwanie odstępy za normalne, ale także hamuje końca linii (owijania tekst) w tekście.
pre
Sekwencje spacji są zachowane, linie są podzielone tylko na znaki nowej linii w źródle i na
<br>elementów.
Prosty przykład over here
+1 dla łącza MDN :) –
Dzięki! MDN jest doskonałym źródłem dla tego typu rzeczy, imo! – Anto
białe miejsce: nowrap; nie działa to, co zrobił z moim stole
który był pierwotnie tak:
Czy ktoś zna odpowiedź na to pytanie?
ustawić przykład na jsfiddle.net proszę –
20px dla szerokości jest naprawdę mała. – mitchfish36
Czy próbowałeś ustawić "szerokość" na "auto" lub na większą wartość? [** JSFiddle here **] (http://jsfiddle.net/lun471k/C3vWr/2/), spróbuj umieścić szerokość z powrotem na 20px na tym skrzypcach. –