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布局，可以吧图片作为背景，文字缩进；或者图片向左浮动，文字向右浮动，需要两个标签。

方法很多的

logo设计

创造品牌价值

¥500元起

APP开发

量身定制，源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

查

看

更

多

• 官方电话
• 官方服务
  • 官方网站
  • 八戒财税
  • 知识产权
  • 八戒服务商
  • 企业需求
  • 数字市场