Questions tagged [wbr]

An HTML tag used to indicate places where a useragent may elect to break a long word for rendering purposes.

15 questions
179
votes
13 answers

Soft hyphen in HTML ( vs. ­)

How do you solve the problem with soft hyphens on your web pages? In a text there can be long words which you might want to line break with a hyphen. But you do not want the hyphen to show if the whole word is on the same line. According to comments…
Pontus
  • 2,769
  • 4
  • 20
  • 13
31
votes
5 answers

In HTML, is it possible to insert a word wrapping hint?

Imagine I have a long, multi-word line of text in a DIV: Hello there, dear customer. Please have a look at our offer. The DIV has a dynamic width. I want to word wrap the above text. Currently, the wrapping happens on a word boundary which…
Krystian Cybulski
  • 10,789
  • 12
  • 67
  • 98
6
votes
1 answer

Unicode alternative for tag

I am looking for Unicode solution which will be an alternative to tag in following regards: Allowing line breaks at given position. Browser can find string in the page even when 'broken' apart. When copied from page, these characters will not…
Oliver Gondža
  • 3,386
  • 4
  • 29
  • 49
5
votes
4 answers

lxml and tags

By default lxml doesn't understsand the wbr tag, used to add word-breaks in long words. It formats it as when it should be formatted simply as , similar to the br tag. How do I add this behavior to lxml?
bukzor
  • 37,539
  • 11
  • 77
  • 111
4
votes
1 answer

Is the element semantic HTML? What about in a microdata context?

In short, this is bad web development and UX: But solving it by using CSS3 word breaking (code & demo) can lead to an 'awkward whitespace' situation, and strange cut-offs — here's an example of both: Maybe it's not such a big deal, and the UX…
Baumr
  • 6,124
  • 14
  • 37
  • 63
2
votes
1 answer

WBR Alternative in XHTML

I've been using tags in the thead cells for my tables, so I can control where browsers break long words. This works great, but its not XHTML compliant. What is the best alternative to using the wbr tag, that is valid XHTML? Example: …
Brian Fisher
  • 23,519
  • 15
  • 78
  • 82
1
vote
1 answer

Add and ellipsis to long links (linkified with jquery.linkify)

I'm using "Linkify" to add links to static text... This is what I'm using: https://github.com/maranomynet/linkify/blob/master/1.0/jquery.linkify-1.0.js I would like to add a (word break) after 15 characters, and a … after 30 or so...…
Santiago
  • 2,405
  • 6
  • 31
  • 43
1
vote
0 answers

WBR tag breaks arrow navigation in contenteditable div (Safari)

When I try to move the caret with right arrow key on Safari, it gets stuck in the place where WBR tag is located. It looks like a bug of Safari-browser, but are there any workarounds for this? Code sample:
Div
1
vote
1 answer

Regex with long HTML strings and

I just found the element (link) which basically lets specific an area where a break could apply if needed. Basically I'd like to implement it in my apps, to prevent breaking the layout due a comment in a blog with too many letters or…
metrobalderas
  • 5,180
  • 7
  • 40
  • 47
1
vote
1 answer

How to remove all tags on page

I'm trying to make a chrome extension for youtube comments, but when I add some stuff it keeps adding tags, is there any way to remove all of those tags on the page in javascript?
Zachrip
  • 3,242
  • 1
  • 17
  • 32
1
vote
1 answer

copy and paste creates annoying minus sign. Looking for PHP filter

I got a strange issue. We're using transaction-IDs to our customers bank bookings in the following format: U123C123P123B123. After a test booking, we copied the transaction-ID (correctly displayed) text from our online-banking output with "ctrl+c".…
Tom
  • 303
  • 2
  • 5
  • 15
0
votes
0 answers

Issues on Mobile Safari Browsers with ­

Picture: How ­ adds a hyphen in safari vs chrome The problem is the extra hyphen after the period in the red square on safari side. There seems to be a problem with the usage of ­ in Safari browsers and I'm not sure how to fix this. On some…
J. Samak
  • 1
  • 1
  • 4
0
votes
1 answer

Cross-browser hinting for word break

In Chrome, I can specify where I want my text to wrap with a combination of and white-space: nowrap;. But in Firefox or IE the text just flows out of the box and is ignored. Is Chrome interpreting the spec properly or is this just a…
Martin Burch
  • 2,726
  • 4
  • 31
  • 59
0
votes
3 answers

Removing tags and grabbing the info between

I'm scrapping data from a webpage and have done so for a certain section that has the
tag.

Smiles

CC=O
I solved this…
TimTom
  • 97
  • 3
  • 12
0
votes
2 answers

Does IE8 line-break on a hyphen?

I'm using the tag to force firefox to line-break when a hyphenated word can't fit in the space remaining on a line (or row), but according to the quirksmode website IE8 doesn't respect this tag at all. I can't check for myself, but what would…
stephenmurdoch
  • 34,024
  • 29
  • 114
  • 189