HTML5中如何让图片和文字处在同一行中
1、打开编辑器,这里以sublime text3作为示范。
2、创建一个html文件,并且设置基本框架,然后把图片放在同一目录下。
3、现在body里面写入<div>标签,用于分区。
4、然后用img这个标签就可以插入图片了,src里面写入图片的文件名字。文字自己定义。
5、这个时候我们可以定义id,这里以class="sameline"作为示范。
6、然后我们需要新建一个css文件,并且在html文件里面用link指向css文件。
7、这个时候需要为id设置vertical-align: middle。然后记得把文字标签改为span。
8、如果文字不够大的话,那么我们可以用st鲻戟缒男yle="font-size: px"来设定大小。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:62
阅读量:38
阅读量:42
阅读量:74
阅读量:52