前端小总结之简单的图文混排-程序员宅基地

技术标签: img  图文混排  前端  html  前端学习从入门到翻车  

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			p img.one{
				float:left;
			}
			p img.two{
				float:right;
			}
		</style>
	</head>
	<body>
		<p>
			<img class="one" src="img/3.jpg" alt="" />
			那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。
		</p>
		<p>
			<img src="img/3.jpg" class="two" alt="" />
			那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。
		</p>
		<p>
			<img class="one" src="img/3.jpg" alt="" />
			那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。
		</p>
		<p>
			<img src="img/3.jpg" class="two" alt="" />
			那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。
		</p>
		<p>
			<img class="one" src="img/3.jpg" alt="" />
			那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。
		</p>
		<p>
			<img src="img/3.jpg" class="two" alt="" />
			那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。那一瞬间,你终于发现,那曾深爱过的人,早在告别的那天,已消失在这个世界。心中的爱和思念,都只是属于自己曾经拥有过的纪念。我想,有些事情是可以遗忘的,有些事情是可以记念的,有些事情能够心甘情愿,有些事情一直无能为力。我爱你,这是我的劫难。
		</p>
	</body>
</html>

 


给图片加上floa:left,文字就会自动适应,这是一种简单的图文混排方式。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/YanTuTwo/article/details/76409179

智能推荐

演示如何通过C代码计算QPSK、QAM、M-PSK星座图数据并用gnuplot作图_qpsk星座图怎么画-程序员宅基地

文章浏览阅读4.9k次,点赞7次,收藏52次。这里用C语言计算离散传递函数频率响应并与MATLAB结果对比,来进一步演示C语言复数计算编程和用Gnuplot作图法。【演示任务】绘制数字滤波器的频域响应,对比C语言与MATLAB的结果。设传递函数H(z)H(z)H(z)的分子分母系数为:b=[0.0563 -0.0009 -0.0009 0.0563];%分子a=[1.0000 -2.1291 1.7834 ..._qpsk星座图怎么画

微信小程序线上无法上传图片的问题_微信备案为什么上传不了图片-程序员宅基地

文章浏览阅读8.7k次,点赞2次,收藏3次。小程序上传图片地址必须是域名,且必须是https://还有需要在小程序后台中配置uploadfile的地址,如图:_微信备案为什么上传不了图片

变换编码—正交变换编码-程序员宅基地

文章浏览阅读2.3k次。变换?指的是把图像中的各个像素通过一种数学变换(如傅立叶变换、正交变换等)从一种空间变换到一种空间(如频率域、正交矢量空间),信号在时域或空域信息冗余度大,而变换后参数之间相关性很小或者不相关,减少了数据量。利用人的视觉特性—对高频细节不敏感,滤除高频系数、保留低频系数,对变换后的信号进行量化与编码操作,达到数据压缩的效果。最后再在接收端对信号译码、反变换恢复原图。预测编码可以去除图像数据的时间和空间上的冗余,而变换编码则是希望数据在新的空间中尽可能相互独立,能力更加集中。但我们为什么要选择正交_正交变换编码

open CV插件——openCV for Unity 学习教程_unity opencvc-程序员宅基地

文章浏览阅读5.3k次,点赞12次,收藏54次。最新版openCV for Unity 2.3.8下载网址:链接: https://pan.baidu.com/s/1HufPPfRFzK1TIF94ZKkABw 提取码: rrk4学习教程链接:图文教程5-1https://www.jianshu.com/p/09d93a7cc3ed图文教程5-2https://www.jianshu.com/p/e126ee52b717图文教程5-..._unity opencvc

【MATLAB源码-第186期】matlab基于MLE算法的8天线阵列DOA估计仿真,对比粗估计、精确估计输出RMSE对比图。_mle 8天线matlab-程序员宅基地

文章浏览阅读986次,点赞17次,收藏20次。【MATLAB源码-第186期】matlab基于MLE算法的8天线阵列DOA估计仿真,对比粗估计、精确估计输出RMSE对比图。_mle 8天线matlab

vue如何配置服务器端跨域_vue-resource 与服务器端通信及跨域实际应用-程序员宅基地

文章浏览阅读237次。与服务器端通信Vue.js 可以构建一个完全不依赖后端服务的应用,同时也可以与服务端进行数据交互来同步界面的动态更新。Vue 本身并没有提供与服务端通信的接口,但是通过插件的形式实现了基于AJAX、JSONP 等技术的服务端通信。vue-resource 是一个通过 XMLHttpRequest 或 JSONP 技术实现异步加载服务端数据的 Vue 插件,该插件提供了一般的 HTTP 请求接口和 ..._vueresource解决跨域问题

随便推点

maven关闭检验_CheckStyle自定义校验规则的Maven集成-程序员宅基地

文章浏览阅读2.5k次。最近工作做中需要利用maven在编译打包的时候增加自定义的校验,如果引入了特定的包要生成非法引用报告。研究过后准备使用maven-checkstyle-plugin插件来进行开发。参考了官方的说明,但是说的不是很明白,故在此以自己的角度进行整理总结。 官方参考文档如下:PS:本文档只描述在工程pom文档里进行install时的配置开发说明;因为网上很多例子,插件执行执行的方式不在此赘述。本文档版本..._maven-checkstyle-plugin 配置关闭

python 安装tensorflow_python安装tensorflow-程序员宅基地

文章浏览阅读1.4w次,点赞4次,收藏31次。事情是这样滴一、安装对应的python版本当前tensorflow 2的版本只支持3.6以上的版本,千万注意了我们直接在conda 中安装python先创建虚拟环境conda create -n tensorflow1 python=3.6直接安装tensorflowconda activate tensorflow1查看tensorflow版本anaconda search -t conda tensorflow查看可以下载的版本anaconda show anac_python安装tensorflow

PySide6 QMainWindow主窗口调用编写的仪表盘控件_python pyside6 qwidget 上绘制仪表-程序员宅基地

文章浏览阅读264次。Pyside6制作的仪表盘_python pyside6 qwidget 上绘制仪表

文献分享十一:(经典)Modulation-format-free bias control tech for MZM based on differential phasor monitor-程序员宅基地

文章浏览阅读64次。通信原理中星座图详解_星座图通信原理-程序员宅基地由于目前还没有关于高阶调制格式如QAM信号的自动偏置控制器的报道,而在该技术中,通过计算理想相量与不适当偏置条件下相量之差来获得用于偏置控制的反馈信号。因此,这种技术可以应用于任何调制格式。实际测试中,采用该技术获得的20 gb /s QPSK信号的误码率(BER)与手动优化LiNbO3调制器工作条件获得的误码率几乎相同。(QAM也一样)二、

scipy生态系统_软件生态系统scipy包括-程序员宅基地

文章浏览阅读152次。科学生态系统Python 中的科学计算建立在一小个包的核心之上: Python,一种通用编程语言。它被解释和动态键入,非常适合交互式工作和快速原型,同时强大到足以写大应用程序。 数字计算的基本包NumPy。它定义了数字阵列和矩阵类型以及它们的基本操作。 SciPy 库是数值算法和域特定工具箱的集合,包括信号处理、优化、统计等。 Matplotlib是一个成熟且受欢迎的绘图包,提供出版物质量的二维绘图以及基本的 3D 绘图。 在此基础上,SciPy 生态系统包括用于_软件生态系统scipy包括

python意外缩进怎么修改_意外缩进怎么解决?-程序员宅基地

文章浏览阅读2.5k次。Python在行的开头使用空格来确定代码块的开始和结束时间。你可以获得的错误是:意外缩进。这行代码的开头比以前的空格多,但是前面的不是子块的开头(例如if / while / for语句)。块中的所有代码行必须以完全相同的空白字符串开头。例如:>>> def a():... print "foo"... print "bar"IndentationError: unexpected i..._python意外缩进怎么修改

推荐文章

热门文章

相关标签