Obecnie dodam do naszej witryny pełne opisy narzędzi i chciałbym (bez uciekania się do wtyczki jQuery typu whiz-bang, wiem, że jest ich wiele!) Korzystanie ze zwrotów karetki w celu sformatowania opisu.
Aby dodać wskazówkę, używam title
atrybutu. Rozejrzałem się po zwykłych stronach i korzystając z podstawowego szablonu:
<a title='Tool?Tip?On?New?Line'>link with tip</a>
Próbowałem zastąpić ?
:
<br />
&013; /
\r\n
Environment.NewLine
(Używam C #)
Żadne z powyższych nie działa. Czy to możliwe?
. Następnie umieść spacje w miejscu, w którym chcesz łamać linie. Być może trzeba będzie dodać kilka
znaków przed spacją (łamanie wiersza).Odpowiedzi:
To takie proste, że skopiesz się ... po prostu naciśnij Enter!
Firefox w ogóle nie wyświetla podpowiedzi wielowierszowych - zastąpi nowe wiersze niczym.
źródło
\n
,\u000A
i\x0A
.\x0A
(bajt) to kod znakowy odpowiadający nowej linii. To samo dla\u000A
(Unicode).\n
jest również nowa linia.title
atrybutu w Firefoksie i Chrome, i zostały one dosłownie przedstawione w etykiecie. Potem zdałem sobie sprawę, że prawdopodobnie używasz tej składni jako sposobu komunikowania, które znaki (a nie sekwencje specjalne) powinny zostać użyte. Mój komentarz dotyczy oszczędzania czasu innym ludziom, ostrzegając ich, aby nie próbowali umieszczać sekwencji ucieczki w kodzie HTML, aby nie tracili czasu tak jak ja.The Najnowsza specyfikacja pozwala znak nowego wiersza, tak prosty podział wiersza wewnątrz atrybutu lub podmiotu
(zauważ, że znaki#
i;
są wymagane) są OK.źródło
i
.
nie honorowałby zamierzonych „podziałów linii” w wersji chromowanej 50.0.2661.94 (64-bitowej).
działa dobrze w aktualnych wersjach Chrome, Firefox i Opera (wszystkie dla 64-bitowego Ubuntu) i Internet Explorera w wersji 11.0 i niektóre zmiany w systemie Windows.Spróbuj postaci 10. Nie zadziała to jednak w Firefoksie. :(
http://modp.com/wiki/htmltitletooltips
Aktualizacja:
Od stycznia 2015 r. Firefox obsługuje
wstawianie podziału wiersza wtitle
atrybucie HTML . Zobacz przykładowy fragment poniżej.źródło
wtitle
atrybucie wstawić podział wiersza.<title>
. Czy ktoś miał z tym większy sukces? Próbowałem wyżej / poniżej wspomnieć o kodach znaków, żaden nie wydaje się działać.Testowałem to w IE, Chrome, Safari, Firefox (najnowsze wersje 27.11.2012):
Działa we wszystkich ...
źródło
jest uniksowym kanałem liniowym, tak jak to jest kanałem liniowym systemu Windows. Podobnie
jest nowa linia dla obu platform. W Spec Określa znak końca linii (LF) char co jest oczywiście
na obu (wszystkich?) Platform.LF
(który jest rodzajem standardowego przejścia między protokołami i narzędziami),CR
był używany tylko przez stare komputery Mac (i inne niejasne platformy) i wydaje się nie na miejscu.
, choć najwyraźniej
działa również w wielu okolicznościach.Warto również wspomnieć, jeśli ustawiasz atrybut title za pomocą Javascript w następujący sposób:
divElement.setAttribute("title", "Line one Line two");
To nie zadziała. Musisz zamienić dziesiętną wartość ASCII 10 na szesnastkową wartość ASCII A w sposób, w jaki został on ujęty za pomocą Javascript. Lubię to:
divElement.setAttribute("title", "Line one\x0ALine two");
źródło
\n
każdym razie kod char 10)Począwszy od Firefoksa 12, obsługują teraz podział wiersza za pomocą encji HTML kanału:
Działa to w IE i jest poprawne zgodnie ze specyfikacją HTML5 dla atrybutu title .
źródło
Jeśli używasz jQuery:
będzie działać.
testowany w IE-9: działa.
źródło
Jako wkład do

rozwiązania możemy również użyć	
kart, jeśli kiedykolwiek będziesz musiał zrobić coś takiego.Próbny
źródło
będzie działać na wszystkich głównych przeglądarkach (w tym IE)źródło
Wiem, że jestem spóźniony na imprezę, ale dla tych, którzy chcą zobaczyć, jak to działa, oto demo: http://jsfiddle.net/rzea/vsp6840b/3/
Używany HTML:
źródło
Nie wierzę, że tak jest. Firefox 2 przycina długie tytuły linków i tak naprawdę powinny one być używane tylko do przesyłania niewielkiej ilości tekstu pomocy. Jeśli potrzebujesz więcej tekstu wyjaśniającego, sugeruję, że należy on do akapitu powiązanego z linkiem. Następnie możesz dodać kod javascript podpowiedzi, aby ukryć te akapity i pokazać je jako podpowiedzi po najechaniu myszką. To najlepszy wybór, aby uruchomić IMO w różnych przeglądarkach.
źródło

<----- To jest tekst potrzebny do wstawienia Carry Return.źródło
W Chrome 16 i prawdopodobnie wcześniejszych wersjach możesz użyć „\ n”. Jako sidenote działa również „\ t”
źródło
Mieliśmy wymóg, w którym musieliśmy przetestować je wszystkie, oto, co chciałbym się podzielić
Skrzypce
źródło
W Chrome 79
już nie działa.Udało mi się:
Działa to we wszystkich głównych przeglądarkach.
źródło
Dla kogo
nie działało, musisz stylizować element, na którym linie są widoczne, jako:white-space: pre-line;
Odniesienia do tej odpowiedzi: https://stackoverflow.com/a/17172412/1460591
źródło
a[title]
?Po prostu użyj tego:
Możesz dodać nowy wiersz do tytułu za pomocą tego


.źródło
Po prostu użyj JavaScript. Następnie kompatybilny z większością i starszych przeglądarek. Użyj sekwencji ucieczki \ n dla nowej linii.
źródło
To

powinno działać, jeśli po prostu użyć atrybutu title proste.w popoverach bootstrap, po prostu użyj
data-html="true"
i użyj html wdata-content
atrybucie.źródło
Z dostępnych informacji na temat dostępności i korzystania z podpowiedzi zwiększających je przy użyciu CR lub podziału linii docenia się fakt, że różne przeglądarki nie mogą / nie zgadzają się co do podstaw, pokazuje, że nie dbają one o dostępność.
źródło
Zgodnie z tym artykułem na stronie w3c :
Oznacza to, że (przynajmniej) CR i LF nie będą działać w atrybucie tytułu. Sugeruję użycie wtyczki podpowiedzi. Większość tych wtyczek umożliwia wyświetlanie dowolnego kodu HTML jako podpowiedzi elementu.
źródło
Znacznie ładniej wyglądające podpowiedzi można tworzyć ręcznie i mogą one obejmować formatowanie HTML.
To pochodzi z postu w3schools na ten temat. Eksperymentuj z powyższym kodem tutaj .
źródło
Składnia Razor
W przypadku ASP.NET MVC możesz po prostu zapisać tytuł jako zmienną do użycia
\r\n
i zadziała.źródło
włam się, ale działa - (testowany na Chrome i Mobile)
po prostu nie dodawaj spacji, dopóki się nie zepsuje - może być konieczne ograniczenie rozmiaru podpowiedzi w zależności od ilości treści, ale w przypadku małych wiadomości tekstowych działa to:
Wypróbowałem wszystko powyżej, a to jedyna rzecz, która zadziałała dla mnie -
źródło
Próbowałem z „”, aby wyświetlić tekst tytułu w nowym wierszu i działa jak urok
źródło
Jestem na Firefoxie 68.7.0esr i

to nie działa. Przełamanie linii<CR>
zadziałało, więc idę z tym, ponieważ jest to proste i do przodu. to znaczyźródło
użyj
data-html="true"
i zastosuj<br>
.źródło