Question

网页设计时如何将图片和文字位于同一水平

Answer 1

网页设计时将图片和文字位于同一水平方法：

一、不要给文字标签加属性。给img{vertical-align:middle;}一个属性即可。

二、img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{display:inline-block;margin-top:4px;margin-top：4px;}内边距，外边据均可，最好是内边距。

三、给文字加个标签（例如span），同时控制这两个标签浮动。并给文字加行高，其值为图片高度值。

有好多种方法，如下：

1、简单的插入图片+文字：需要使图片绝对居中align="absmiddle"

2、表格分段，既两列，一列放图片，另一列放文字，使其二项垂直居中

3、div布局，可以吧图片作为背景，文字缩进；或者图片向左浮动，文字向右浮动，需要两个标签。

方法很多的