HTML "<img align = top>" в CSS?

Question

Как мне эмулировать

<img align='top' src='huge_image.jpg'>
<span>I start at the top right corner of the image!</span>

в CSS?

Может быть, это смущающе просто, но я действительно не знаю.

Answer 1

Это зависит от контейнера ваших элементов. Свойство vertical-align CSS не совсем соответствует атрибуту valign. Я рекомендую проверить эту ссылку для объяснения того, как этого добиться с помощью CSS. http://phrogz.net/CSS/vertical-align/index.html

Answer 2

float: left будет располагать его так, чтобы элемент img находился слева от диапазона, но если вы хотите повторить align="top" из-за проблемы с вертикальным выравниванием (диапазон справа внизу и справа вверху), тогда попробуйте style="vertical-align: top;"

Answer 3

<style="text/css">

.top_aligned_image {vertical-align: top; /* or text-top, I can't remember for sure which works better */}

</style>

<img class="top_aligned_image" src='huge_image.jpg' /><span>I start at the top right corner of the image!</span>

Должен это сделать.

Answer 4

Я думаю, вы ищете свойство vertical-align CSS.

<img style="vertical-align: top;" alt="blah" src="blah.jpg" />

В идеале вы не просто добавили бы его непосредственно к тегу <img>, а использовали бы класс CSS.

Answer 5

редактировать:

Я думаю, вы хотите, чтобы промежуток соответствовал изображению. Так что дисплей: inline должен сместить диапазон вправо.

и

вертикальное выравнивание: текст сверху должно переместить изображение наверх.