Using CSS how might I STOP Anki from word wrapping on a quote sign? As an example, I use cloze mostly, and I’ll get cars that look like this:
Any will break a line of text at "
weird places" sometimes when looking
at a [...] card.
I can’t reproduce this (with a non-cloze card). Are you sure you didn’t accidentally add an extra space after the first quotation mark?
1 Like
Absolutely sure. To be fair, I can’t recreate it “on demand” with a new card either, but I’ve seen it enough times with different cards to know it’s not a typo.
That said, I do have javascript that randomizes fonts and background colors; it might be that the code to word wrap happens before that JS runs, and that’s messing it up? Next time I see it I’ll play around with that.
I use remove linebreaks / do word wrap for wrap breaks, not sure if it is applicable to your question
When you click on the < > icon to look at the HTML, do you have any HTML tags there? You can get those from copy-paste sometimes. Or maybe even weird Unicode characters like zero-width space.
What happens if you just erase and re-type that one section of text?
Perhaps your words are separated by non-breaking spaces, which would prevent the usual wrapping.
I’ve been able to reproduce it. It’s not a non breaking space or any of that (I’ve been developing long enough to have checked for all those things, but the suggestions are welcome.)
It’s because I “cloze” inside the quotes. It doesn’t attach the quote signs to the words, because of the cloze delimiters.
Anki uses break-word so that cards don’t scroll horizontally. Maybe that’s related to your issue. CSS word-wrap property
<nod> Looks like no value of that property will make it break the way I would consider “normal”. The cloze delimiters I think need to be handled outside normal CSS rules as to what it considers a word.
It either breaks like this, or not at all.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.