Mam długi ciąg (sekwencja DNA). Nie zawiera żadnych białych znaków.
Na przykład:
ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA
Jaki byłby selektor CSS, aby zmusić ten tekst do zawinięcia w a html:textarea
lub w xul:textbox
?
Odpowiedzi:
dla elementów blokowych:
dla elementów wbudowanych:
źródło
overflow-wrap
odtąd w standardach, alewrod-wrap
jest szeroko wdrażana.Umieść spacje o zerowej szerokości w punktach, w których chcesz dopuścić przerwy. Przestrzeń o zerowej szerokości jest
​
w formacie HTML. Na przykład:ACTGATCG​AGCTGAAG​CGCAGTGC​GATGCTTC​GATGATGC
źródło
<wbr>
tagu, który służy temu samemu celowi, zapewniając opcjonalną możliwość podziału linii.Oto kilka bardzo przydatnych odpowiedzi:
Jak zapobiec łamaniu div przez długie słowa?
Aby zaoszczędzić czas, można to rozwiązać za pomocą css:
źródło
word-break: break-all;
był dla mnie jedynym, który działał w Android WebView.word-break: break-all;
!Dla mnie to działa,
Możesz również użyć div wewnątrz innego div zamiast
td
. Użyłemoverflow:auto
, ponieważ pokazuje cały tekst zarówno w mojej przeglądarce Opera, jak i IE.źródło
Nie sądzę, że możesz to zrobić za pomocą CSS. Zamiast tego, w regularnych „długościach słów” wzdłuż łańcucha, wstaw miękki łącznik HTML:
Spowoduje to wyświetlenie łącznika na końcu wiersza, w którym jest on zawijany, co może, ale nie musi być tym, czego chcesz.
Uwaga Safari wydaje się i tak owijać długi łańcuch, w
<textarea>
przeciwieństwie do Firefoksa.źródło
Użyj metody CSS, aby wymusić zawijanie łańcucha bez białych znaków. Trzy metody:
1) Użyj właściwości białych znaków CSS. Aby zakryć niespójności przeglądarki, musisz to zadeklarować na kilka sposobów. Więc po prostu umieść łańcuch looooong w jakimś elemencie na poziomie bloku (np. Div, pre, p) i nadaj temu elementowi następujący css:
2) użyj mixinu z zawijaniem wymuszonym z Compass .
3) Właśnie się tym zajmowałem i myślę, że może również działać (ale muszę przetestować obsługę przeglądarki bardziej szczegółowo):
Odniesienie: zawijanie treści
źródło
Moja droga (gdy nie ma odpowiedniego sposobu wstawiania specjalnych znaków) za pomocą CSS:
Znajduje się tutaj: http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ z dodatkowymi badaniami, które można tam znaleźć.
źródło
Żeby
word-wrap:break-word;
dla mnie zadziałało, musiałem się upewnić, żedisplay
ustawiono nablock
i że szerokość elementu była ustawiona. W Safari musiał miećp
tag iwidth
trzeba było go ustawićex
.źródło
Jeśli używasz PHP, funkcja Wordwrap działa dobrze w tym celu: http://php.net/manual/en/function.wordwrap.php
Rozwiązanie CSS
word-wrap: break-word;
nie jest spójne we wszystkich przeglądarkach.Inne języki po stronie serwera mają podobne funkcje - lub można je tworzyć ręcznie.
Oto jak działa funkcja zawijania słów w PHP:
Spowoduje to zawinięcie ciągu o długości 50 znaków tagiem <br>. Parametr „true” wymusza przecięcie łańcucha.
źródło
źródło
Użyj
<wbr>
tagu:Myślę, że jest to lepsze niż używanie miejsca o zerowej szerokości,
​
co może powodować problemy podczas kopiowania tekstu.źródło
W przypadku, gdy tabela nie ma ustalonego rozmiaru, działała dla mnie linia poniżej:
źródło
tylko ustawienie
width
i dodaniefloat
działało dla mnie :-)źródło