2012-01-25 7 views
0

コンテンツのページ(コンテンツラッパー内)に2つのdivがあり、画像の位置合わせができないその隣のテキスト。彼らはしかし別のdiv要素にいるときにテキストに合わせイメージを持つことが可能である場合左浮動divの画像と右浮動divの文字との位置合わせ

.img-block{position:relative; float:left; vertical-align:middle;} 

わからない:

.text-block{position:relative; float:right; width:70%; height:auto} 

は、私がイメージを持っています。

+1

...あなたはより多くのいくつかのことを探している場合は、plsはコメントをする...

あなたが期待する結果ですか?イメージはテキストの中央にあるはずです(上下のマージンは同じですか)?または上に?または下部に? – entropid

+0

こんにちは、エントロピー、私は画像をテキストと真ん中(テキスト内ではない)で整列させて、縦に並んでいるもの:中間、それが動作するときにデフォルトとして実行されます。 – Jaypee

+0

私はあなたがCSSだけでそれをすることはできないと思います。 – entropid

答えて

1

ここでは、イメージdivの横にテキストを垂直に配置しました。 CSSのみ、JavaScriptは使用されません。

Text Vertical Align Middle - Sample

希望これはあなたが垂直整列とはどういう意味ですか

+0

こんにちは、私は同様の問題を抱えている、私は同じことをしようとしているが、私は浮動小数点型(浮動小数点を使用して、垂直方向に中心にしたい:左)、私のテキストは、 divをフロートしないでください。一度テキストが上に表示されたら – stringCode

関連する問題