如何将div内的img对齐？

Question

我想知道如何在右侧的div内对齐图像？

Answer 1

你可以给周围的人div一个

text-align: right

这将在图像的左侧留下空白区域.(=图像将占据整行).

如果您希望将内容显示在图像的左侧,请使用

float: right

在图像上.然而,周围div将需要overflow: auto拉伸到所需的高度.

Answer 2

<div style="width:300px; text-align:right;">
        <img src="someimgage.gif">
</div>

Answer 3

<style type="text/css">
>> .imgTop {
>>  display: block;
>>  text-align: right;
>>  }
>> </style>

<img class="imgTop" src="imgName.gif" alt="image description" height="100" width="100">