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

<p>
  <img style="float: right; margin: 0px 15px 15px 0px;" src="files/styles/large_hero_desktop_1x/public/headers/Kids%20on%20iPad%20 %202400x880.jpg?itok=PFa-MXyQ" width="100" />
  Nunc pulvinar lacus id purus ultrices id sagittis neque convallis. Nunc vel libero orci. 
  <br style="clear: both;" />
</p>

Answer 4

有很多方法可以与CSS保持一致，每种方法都有它的优点和缺点，你可以测试它们以检查哪一种更适合你的情况： http://www.w3schools.com/css/css_align.asp

提示：始终使用 W3 作为额外字词进行搜索，这将首先为您提供W3school网站或w3.org的资源（如果有的话）。任何相关的。

Answer 5

vertical-align:middle; text-align:right;

Answer 6

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

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

如何将div内的img对齐？

6 个答案: