5

CSSを介して次のタスクを実行する必要があります
。固定幅のdivがあります。
このdivでは、次のようにファーストネーム、セカンドネーム、そして最終的には他の名前を表示する必要があります。

例1

---------------
First-Name 
Secondo-Name
---------------

例2

---------------
Very-Long-First
-Name 
Second-Name
---------------

私が使用しようとすると、word-break: break-all; それは機能しますが、次のようには機能しexample 2ませんexample 1。

例1

---------------
First-Name Seco
nd-Name
---------------

CSSを使用するだけでこの問題を解決する最良の方法は何ですか？
それが不可能な場合、javascriptを使用して修正するための最良の方法は何ですか？

これがjsfiddle.netリンクです

4

2 に答える 2

8

http://jsfiddle.net/uNcCR/2/

word-wrap: break-word単語の幅がの幅を超えた場合に名前が壊れることを許可するために使用しています。それ以外のdiv場合は、名前の間に壊れます。とにかくそれがあなたが探しているものだと思います。

于 2012-08-09T14:30:30.673 に答える
2

非常に長い名前の場合、下の行に表示されている単語を壊すのは良い考えではないと思います。
cssプロパティを使用することをお勧めします-moz-hyphens: auto。
これが参照css-hyphenationです。

于 2012-08-10T09:21:14.243 に答える