0

http://jsfiddle.net/awWmY/

私の人生のために、私はこの単純なものを解決することはできません。なぜテキストが折り返され#bigEnoughませんか?

html{background:black;}

#bigEnough {
  width: 500px;
  text-wrap: normal;
}
#bigEnough a {
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
#tagCloud {
  height: 500px;
  width: 500px;
  float: right;
  margin: -45px 0;
}
4

6 に答える 6

1

私が見つけることができる最も簡単な解決策(完全なクロスブラウザー実装を使用)はdisplay: inline-blocka要素で使用することです:JSFiddleデモ

スペースが利用可能な場合、単語も同じ行を占めることを示すために、ページの幅も増やしたことに注意してください。

于 2012-08-14T22:20:17.197 に答える
1

CSSに追加word-break: break-word;すると、単語は強制的に折り返されますが、いくつかのタグ間のブレークポイントでは強制されません。それがあなたが達成しようとしていた振る舞いであるかどうかはわかりませんが、ここにデモがあります:jsFiddle#bigEnoughanchor

それが何らかの形で役に立ったことを願っています!

于 2012-08-14T22:17:39.930 に答える
0

何を達成しようとしているのかわからないが、これが必要な場合はこれを試すことができる

#bigEnough a {
    display:inline-block;
    /* rest of your styles*/  
}

デモ

于 2012-08-14T22:22:11.337 に答える
0

ワードラップは、単語間にスペースがあるかどうかに依存するためです。

于 2012-08-14T22:12:00.503 に答える
0

他は正しいです、あなたは単語を折り返すためにスペースを使う必要があります。ただし、それを避けたい場合は、次の方法で成功しました。

ハイフンはJavaScriptソリューションであり、長い単語を自動的にラップして親コンテナーに収まるようにし、ラップが発生する場所にハイフンを挿入します。

于 2012-08-14T22:13:57.343 に答える
0

a他の人が指摘しているように、要素間には実際には空白が必要です。ただし、マークアップを変更できない場合は、生成されたコンテンツでノーブレークスペースU + 200B(改行の機会)を挿入できます。

#bigEnough a:after { content: "\200B"; }

通常のCSS警告が適用されます。

于 2012-08-14T22:15:36.403 に答える