2012-04-08 5 views
0

は、それらをしたいです別の行にあると私は同じ行に両方のスパンの要素が欲しい。 タブはあなたが間違った要素を使用している可能性があり、このプレイステキストや画像

enter image description here

答えて

1

フロート:CSSの左のプロパティは、あなたの仕事をしているでは有益であろう

0

のようになります。 <span>はインラインコンテンツに使用されますが、<div>はあなたがしようとしているものに適しています。あなたはそれらを新しい行に置いて欲しいですが、スパンは特に、行を壊さない項目に対して作成/使用されます。

このお試しください:当然私はマークアップを取る

<div><img src="xxx.png">Tab1</div><div><img src="yyy.png">Tab2</div> 

What is the difference between HTML tags <div> and <span>?

+0

divは、両方のタブを2行に配置し、イメージとテキストは同じ行になります –

+0

これは、あなたの 'span'の使用が意図された使用に反することを意味しません。あなたの質問は読者に誤解を招く/混乱させる。質問を編集して、どんな効果があるかを明確に記述します。必要に応じて、スクリーンショット/モックアップを含めてください。私が読んだところでは、2行に2つのタブ(imgとtextで構成)が必要でした。 –

0

の詳細情報を:

img { display: block; } 
span { float: left; } 
+0

イメージを中心に整列する方法 –

+0

センタータグを使用して私の問題を解決しました –

+0

イメージの幅を設定することができれば、このルールを使用する方が良い解決策になります:img {display:block;幅:20px;マージン:0 auto; } – roger

関連する問題