CSS中的图像对齐='中间'

Question

我想知道是否可以使用CSS中的align = middle样式来对齐图片，而不是html。

<img alt="" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Smiley.png/50px-Smiley.png" align="middle" />Text!

Answer 1

试试这个，

img{
  vertical-align:middle;
}

使用css属性vertical-align:middle;

Answer 2

您使用的是align或float : left;

中的float : right;属性 中间人什么也做不了，你只有左右选择。

对于vertical-align，已经给出了答案。

将单个图像居中在一条线上，您可以在父级text-align:center;上使用，图像是一个内联框，其反应类似于文本。

您也可以在display : block;和margin : auto;

中设置图片

Answer 3

img { vertical-align: middle; }

请参阅此小提琴：http://jsfiddle.net/SN6Jp/

Answer 4

您可以将text-align:center;用于img的容器，例如一个div并且要在中间垂直对齐的图片使用vertical-align:middle;，如下所示：

CSS

div
{
    text-align:center;
}
img
{
    vertical-align:middle;
}

HTML

<div>
<img alt="" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Smiley.png/50px-Smiley.png"/>Text!
</div>

选中 demo