HTML: Soft Hypen () без тире?

Question

У меня небольшая проблема с макетом: на веб-сайте клиентов мы показываем контактную информацию людей в маленькой коробке. Ширина этого поля ограничена. Как это бывает, есть люди с очень длинными именами (в конце концов, это в Германии ...), и адрес электронной почты представляет собой объединение имени и фамилии. Результат: при определенных именах адрес электронной почты переполняет ограничения, указанные в поле about.

Вставка ­ перед @ приводит к правильному разрыву строки, но выглядит следующим образом:

john.doe-
@example.com

Возможно ли подавить эту черту? Я не хочу использовать <br />, потому что для 90% имен доступной ширины более чем достаточно.

Answer 1

Хотя я не уверен, как это работает в разных браузерах (возможно, довольно хорошо), вы всегда можете использовать символ пробела ( ) или пробел нулевой ширины (​). ⁺⁺

john.doe @example.com

⁺⁺ Я бы не советовал использовать пробел нулевой ширины, так как некоторые браузеры, вероятно, не будут корректно отображать его ( источник ).

Answer 2

Используйте пробел нулевой ширины: ​

john.doe​@example.com

В действии здесь: http://jsfiddle.net/uTXwx/1/

Answer 3

Возможно, вы захотите взглянуть на свойство css word-wrap.

И эта страница , кажется, делает то, что вы хотите.