Mam element div o ustawionej szerokości. Sposób, w jaki tekst jest domyślnie łamany, jest w białej przestrzeni. Czy jest jakiś sposób, aby ustawić styl mojego elementu, tak aby tekst był łamany na dowolnym znaku, aby wypełnić maksymalną dostępną przestrzeń?Nie przerywaj słów w spacji za pomocą CSS
Z góry dziękuję!
Właściwość word-break w CSS mogą być używane do zmiany, gdy podziały wiersza powinny występować. Zwykle łamanie linii w tekście może występować tylko w niektórych przestrzeniach, na przykład w przypadku spacji lub łącznika. Ale używając word-break: break-all możemy to zmienić.
Na marginesie może to być bardzo przydatne w przypadku zatrzymywania długich adresów URL przed wyrwaniem z kontenerów tekstowych.
div {
width: 200px;
background: pink;
}
p {word-break: break-all; }<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim</p>
</div>jQuery „alternatywa”
Wtyczki w tym, ale nie ograniczając się do https://github.com/bramstein/hypher można również stosować i będzie prawdopodobnie dać ładniejszy ogólny wygląd za pomocą powiązanych ze słowników (język zależny), aby prawidłowo podzielić słowa, gdy się zepsują.
Dzięki za odpowiedź! To załatwiło sprawę! – Ood
Na marginesie są wtyczki do dzielenia jQuery, które zrobiłyby "to" dla ciebie (Nie dokładnie to, o co prosisz, ale może nawet ładniej) – mayersdesign
Cześć! czy próbowałeś {zawijanie słów: słowo-przerwie; } ? –
Dzięki za komentarz! Jednak nie używam jQuery w tym projekcie. – Ood