2012-04-21 5 views
0

どのようにグループ2 span内部div S(他以下一方とdivテキストが含まれており、一定の幅を有する)と表示複数spanような缶これは固定幅のtdタグです。私はそうすることができますが、私のspanは重複しています。行のスペースがいっぱいの場合、次のspanが次の行に来るはずです。防止複数の重複からのラインでスパン(Clojureのしゃっくりコードが、純粋にCSS関連)

+2

ブロック要素( 'div'のような)をインライン要素(' span'のようなもの)の中に入れてはいけません –

+0

ライブURL、またはjsfiddel/webdevoutへのリンクはどこですか?あなたのcss/htmlで遊ぶ方法がないなら、あなたを助けることはできません。 –

+0

私はスパンをdivに変換しましたが、まだ 'display:inline-block'を使ってオーバーラップしないようにしています...親divはまだ重なっています。 – Avi

答えて

4

マークアップを修正する必要があります。

ブロックレベルの要素(divなど)をインライン要素(spanなど)に配置することはできません。そうすることで、インライン要素にwidthmarginに関する制限があるため、マークアップを無効にしてレイアウトを混乱させることになります。

display:blockまたはdisplay:inline-blockのいずれかを宣言するか、divに変換してください。これはおそらくあなたの問題を解決するはずです。

+0

私はスパンをdivに変換しましたが、 'display:inline-block'を使用してもオーバーラップしないようにしていますが、親divはまだオーバーラップしています。 – Avi

+0

@Avi jsfiddle.netにアクセスし、サンプルマークアップへのリンクを提供してください。 – Christoph

関連する問題