2016-03-06 115 views
1

我想将图像对齐到div的右侧,div未设置为特定高度,图像也不是图像,图像是用户生成的。CSS垂直对齐图像右

无论如何,我尝试使用旧的HTML4方法用于图像对准一个div的权利:

<img src="link" align="right" /> 

还有一些阅读中,我发现,它并没有在HTML5支持后,让我再阅读,发现有一个名为垂直对齐 CSS样式,我想补充说,我的图像,像这样:

<img src="link" style="vertical-align:right;" /> 

但是没能正常工作。

我只是想图像移动到div的右侧。

+0

我不明白你的意思是“将图像对齐到div的右边”。请提供一张照片。 – 2016-03-06 07:48:41

回答

2

float旁边的另一个解决方案:

<div id="ParentImg"> 
<img src="link"/> 
</div> 

CSS:

#ParentImg { 
text-align: right; 
} 

或:

<div style="text-align:right;"> 
<img src="link"/> 
</div> 
0

垂直向右对齐?对我来说似乎不合适。您可以在图像上使用float,或者在父div上使用text-align:right。

+0

事情是我通过bbcode运行这个。所以这是为php签名系统创建的,所以如果它被浮动,它将破坏线程布局,如果它被浮动+清除,它也将破坏布局。 @Bodgan(如果它是文本对齐的,那么图像必须放在div中,这会破坏签名的外观) – Jek

+0

你可以为签名制作一个小提琴吗? – Bogdan

0

您可以使用<span></span>标记代替<div>标记,然后更改它的样式。

<span style='text-align:right'> 
    <img src="link" /> 
</span>