Mam pasek boczny o stałej szerokości składający się z paska startowego nav-list
, w którym niektóre elementy listy mają etykiety wyrównane do prawej.Zawijanie słów CSS z elementami pływającymi
Na przykład:
<li>
<a href="#">abc_test_randomrandom</a>
<span class="pull-right label">0000</span>
</li>
Jednak to nie zadziała, jeśli link jest długi. Rozwija się, wypełniając całą linię i przesuwa etykietę do następnej linii.
Poddałem jsFiddle demo, aby zademonstrować to zachowanie. EDYCJA: A teraz także gist.
Pożądane zachowanie to abc_test_randomrandom
i 0000
w tej samej linii, z długim zawijaniem łańcucha do następnej linii, jeśli to konieczne. czy to możliwe?
nie zawinąć nadmiar tekstu do następnej linii, choć jak one wymagane; po prostu ścina to elipsą ...? Ponadto, w celu uzyskania zgodności z IE7 należy dodać * display: inline; * zoom: 1; za każdym razem, gdy używasz wyświetlacza: blok inline, ponieważ IE7 nie rozpoznaje tego typu wyświetlania. –
To prawda, że to nie zawija tekstu, ale myślę, że wielokropka z przesuwem myszy do rozwinięcia jest w rzeczywistości lepsza niż to, co początkowo chciałem. – rouge8