12

レイアウトに少し問題があります。クライアントのWebサイトでは、人の連絡先情報が小さなボックスに表示されます。そのボックスの幅は制限されています。たまたま、非常に長い名前の人がいて（結局、これはドイツにあります...）、電子メールアドレスは名と家族の名前を連結したものです。結果：特定の名前では、電子メールアドレスはaboutボックスで指定された制約をオーバーフローします。

­結果の前にaを挿入する@と、正しい改行になりますが、次のようになります。

john.doe-
@example.com

そのダッシュを抑制することは可能ですか？<br />名前の90％で、使用可能な幅が十分すぎるため、使用したくありません。

4

5 に答える 5

7

これがクロスブラウザをどのように実行するかはわかりませんが（おそらくかなりうまくいくでしょう）、常にシンスペース文字（&thinsp;）またはゼロ幅スペース（&#8203;）を使用できます。++

john.doe&thinsp;@example.com

++ゼロ幅スペースを使用することはお勧めしません。これは、一部のブラウザがゼロ幅スペースを正しくレンダリングしないためです（ソース）。

于 2011-02-18T08:09:16.847 に答える
4

ゼロ幅スペースを使用します。&#8203;

john.doe&#8203;@example.com

ここでの動作：http：//jsfiddle.net/uTXwx/1/

于 2011-02-18T08:10:57.173 に答える
1

cssプロパティを確認することをお勧めしますword-wrap。

そして、このページはあなたが望むことをしているようです。

于 2011-02-18T08:09:29.527 に答える
0

<wbr> 私は意図した改行機会 HTML 要素を使用することを好みます。これは基本的に U+200B のゼロ幅スペースであり、そのように動作するため、ハイフンはありません。

<wbr>を使用するよりも、ソース コードで何が行われているかを確認する方が明確であることがわかりました&#8203;。

john.doe<wbr>@example.com

john.doe&#8203;example.com

どちらもハイフンなしで壊れます。

john.doe
@example.com
于 2022-01-28T09:25:31.343 に答える