Próbuję umieścić link o nazwie Prześlij CV w menu przy użyciu znacznika li. Ze względu na odstępy między dwoma wyrazami, zawija się do dwóch linii. Jak zapobiec temu zawijaniu za pomocą CSS?Jak zapobiegać podziałom wierszy w elementach listy za pomocą CSS
Zastosowanie white-space: nowrap;1, albo dać więcej miejsca linkujące ustawiając li „s szerokość do większych wartości.
Jeśli chcesz osiągnąć ten selektywnie (np: tylko do tego konkretnego linku), można używać non-breaking space zamiast normalnej przestrzeni:
<li>submit resume</li>
http://en.wikipedia.org/wiki/Wikipedia:Line-break_handling#.26nbsp.3B
edit: Rozumiem, że jest to kod HTML, a nie CSS zgodnie z żądaniem OP, ale niektóre mogą uznać za pomocne ...
Możesz dodać ten mały fragment kodu, aby dodać ładne "..." do końca linii jeśli treść i s do duże, aby zmieścić się w jednej linii:
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Dzięki! Właśnie tego szukałem –
Szukałem rozwiązania do mocowania tekstu, ale pozostanę przy tym rozwiązaniu. – JorgeGarza
display: inline-block; spowoduje przerwy w linii elementów listy
http://jsfiddle.net/Nash171/mwe4s0nc/46/
li{
display: inline-block;
}
Jeśli kliknę na jsfiddle i dopasuję szerokość wyjścia, poszczególne elementy listy będą się dzielić między słowami " lista "i numer, który jest dokładnie tym, czego OP * nie * chce ... – GentlePurpleRain
Należy odwoływać się do W3C zamiast tego bał i często niewłaściwej stronie W3Schools. http://www.w3.org/TR/css3-text/#white-space0 –
Lub po prostu odwołaj się do sieci Mozilli Developer https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference – Espilon
Dziękuję, że uratuj mnie dla kompatybilności ie7 breadcrumb. – Desnoxav