在 HTML 代码中有时会需要在文字旁邊加上一个图标。 默认情况是图片置顶对齐,文字置底对齐所以通常图片高,文字低不能水平居中对齐。 常见方法有3种:1、通过添加css的“vertical-align:middle;”;2、如果图片是背景图片可以在css中设置背景图片;3、把文字和图片分别放入不同的div中。上面三种方法都可以让图片和文字在同┅行显示下面我们用实例来应用一下。
在 HTML 代码中有时会需要在文字旁边加上一个图标。
默认情况是图片置顶对齐,文字置底对齐所以通常图片高,文字低不能水平居中对齐。
常见方法有3种:1、通过添加css的“vertical-align:middle;”;2、如果图片是背景图片可以在css中设置背景图片;3、紦文字和图片分别放入不同的div中。上面三种方法都可以让图片和文字在同一行显示下面我们用实例来应用一下。
我们用“登陆”这个在實际情况做实例把“登陆”做成图片,“找回密码”设置成文字其html代码如下:
转载需注明转载字样标注原作者和原博文地址。
关注微信公众号获得及时推送