养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

css 图片和文字对齐的办法

时间:2024-10-20 13:38:43

在网页中图片和文字对齐调试了好久才成功,在这里我来给大家分享一下

工具/原料

Dreamweaver工具

图片一张

方法/步骤

1、打开Dreamweaver工具,并新建html页面

css 图片和文字对齐的办法

2、切换到编写代码的界面

css 图片和文字对齐的办法

3、编写代码如下:<div><imgsrc="ima壹执慵驾ges/1.jpg"w足毂忍珩idth="20px"height="20px">我是文字</div>

css 图片和文字对齐的办法

4、预览页面如下图,我们可以看到图片和文字并没有对齐,那么我们在img标签中添加样式

css 图片和文字对齐的办法

5、代码如下:style="vertical-align:bottom;"

css 图片和文字对齐的办法

6、预览html页面,可以看到已经下面对齐了

css 图片和文字对齐的办法

© 一点知识