2012-01-25 93 views
0

我有这个问题,我有2个div在内容页面(内容包装),我不能让图像对齐它旁边的文字。垂直对齐左浮动div中的图像与右浮动的文本div

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

那么我的形象:

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

不知道是否有可能有当他们在不同的div虽与文本对齐的图像。

+1

你所说的垂直对齐意思?图像应该在文字的中间(上边距和下边距相同)?或在顶部?或在底部? – entropid

+0

嗨熵,我的意思是让图像与中间的文字对齐(不在文本内)什么是vertical-align:middle;当它工作时默认为默认值。 – Jaypee

+0

我不认为你可以用CSS来做到这一点。 – entropid

回答

1

在这里,我已经使文本垂直对齐作为图像div旁边的中间。只有CSS,没有使用JavaScript。

Text Vertical Align Middle - Sample

希望这是你所期望的结果...

如果你正在寻找一些东西更多,请提出意见......

+0

嗨,刚刚通过这篇文章因为我有类似的问题,我试图做同样的事情,但我想文本垂直居中内浮动的div(使用float:左),我的文本居中,只要我不要浮动div,一旦我做文字出现在上面 – stringCode