Question

我正在尝试将图像对齐div的右侧，div未设置为特定高度，图像也不是图像，图像是用户生成的。

无论如何，我尝试使用旧的HTML4方法将图像对齐到div的右边：

Couldn't match expected type `Int'
            with actual type `Either a0 MyType'
In the expression: Right mt
In an equation for `myFunc': myFunc mt = Right mt

经过一些阅读后我发现它在HTML5中不受支持，所以我继续阅读并发现有一种称为 vertical align 的CSS样式，我尝试添加对我的形象如此：

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

但那并没有成功。

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

Answer 1

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

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

<强> CSS：

#ParentImg {
text-align: right;
}

或

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

Answer 2

垂直对齐到右边？对我来说似乎不对。您可以在图像上使用float，或者在父div上使用text-align：right。

Answer 3

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

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

CSS垂直对齐图像右

3 个答案: