HTML图片和多行文字并列显示

上课涉及到一点HTML编程,有的时候网页上有图片和多行文字并列显示的情况,类似下面的简历那样:

HTML图片和多行文字并列显示_第1张图片

查阅了一些方法,才得以实现。记录在这里,以备后用,也方便后来人。

首先,可以采用无边框table实现图片布局,具体方法可以参考我的另一篇博客:

https://blog.csdn.net/qq_39609900/article/details/79670776

本文主要介绍标签中绝对位置的使用。


position:absolute;margin-left:960px" src="D:\证件照.png">


在这里指定图片放置的绝对位置,左起960个像素点的位置

上面的效果,实现源码为:



第一个网页



证件照


XXX北京市XXXXXXXXXXXXXXXXXXXXXXXXXXXX


XXXXXX


北京XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXTEL:XXXXXXXXXXX


XXXXXXXXXXXXXXXXXXXXXXXXXX



你可能感兴趣的:(HTML,HTML,图片和多行文字并列显示)