如何将图片在div中向右对齐？

Question

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

- Linards

---

相关链接：使用CSS HTML将图像右对齐 - undefined

Answer 1

你可以给周围的div添加一个

text-align: right

这将在图像左侧留下空白。（即图像将占据整行）。

如果您想要在图像左侧显示内容，请使用

float: right

在图片上添加文字。但是，周围的 div 将需要 overflow: auto 来延伸到所需的高度。

- Pekka

---

如果您想消除空白间隔但保留文本的正确对齐方式，可以使用 display: inline 或 inline-block。 - syockit

很奇怪，text-align 属性适用于不是文本的东西。 - Pat Niemeyer

Answer 2

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

- gillyb

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>

- philip

---

你应该注释你的答案并格式化你的代码。现在它毫无用处。 - sergdenisov

Answer 4

有很多种用CSS对齐的方法，每种方法都有其优点和缺点，您可以尝试它们以确定哪种方法更适合您的情况：http://www.w3schools.com/css/css_align.asp

提示：始终使用W3作为额外的关键词进行搜索，这将使您在首位获得W3school网站或w3.org（如果有相关资源）。

- DavidTaubmann

Answer 5

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

垂直对齐：居中；文本对齐：右对齐；

- psychotik

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">

- Sachin R

---

错误。应该将 text-align: right 应用于父级 <div>。 - syockit