WBR и его эму­ля­ция

Неко­то­рые, на­вер­ное, зна­ют про тег WBR, ко­гда-то дав­но ис­поль­зо­вав­ший­ся для того, что­бы пе­ре­но­сить слиш­ком длин­ные сло­ва, если воз­ни­ка­ет та­кая необ­хо­ди­мость. Ос­нов­ные про­бле­мы это­го тега две:

  • он не ра­бо­та­ет в Опе­ре
  • он не ва­лид­ный

К сча­стью, эму­ли­ро­вать его до­ста­точ­но лег­ко. Кро­ме того, при по­мо­щи этой эму­ля­ции мож­но по­чи­нить по­ве­де­ние тега в Опере.

Вот при­мер­ное ре­шение:

lalala<i class="wbr"></​​i>lalala

и

WBR,
.wbr {
    dis­play: in­line-block;
    }

Един­ствен­ный мо­мент, ко­то­рый оста­ёт­ся за рам­ка­ми эму­ля­ции: в IE WBR мо­жет со­зда­вать раз­рыв стро­ки при white-space:nowrap.