排列首先要排列的四张照片放置到同一个文件夹中并打开电脑中运行html的软件，其次点击界面中的文件编辑栏选择排列点击浮点排列，最后在弹出的页面中点击四张图片并将排列行数设定为两行即可。

如上所示项目一共分为5个部分，分别对应导航栏的5个内容其中项目技能用的是echarts里的柱状图，作品展示用的是bootstrap里的轮播图，除此之外就是html的基础内容下面我们展示一下项目的代码部分 lt！DOCTYPE htmllthtmlltheadltmeta。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle美食今日推荐lttitle ltstyle type=quottextcssquot afontsize20pxcolor20db00 bfontsize24pxcolorrgba219，0，114。

html5可以使用代码实现的简单幻灯片，并且能用鼠标滚轮滚动进行换页具体代码如下lt！doctype htmllthtml lthead lttitlelttitleltstyle#slidespositionabsoluteleft0pxtop0pxheight100%width100%overflow。

首先纠正一下，你这个是 css 不是 html portfolio labeltext 这里的意思是给类名选择器为 portfolio 的后代的所有 类名选择器为 labeltext 的标签设置样式里面的样式解析positionrelative 是相对定位的。

lthead ltmeta charset=quotUTF8quot lttitleHTML5学堂码匠 言成科技 联合出品lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable=noquot ltlink rel=quotstylesheetquot href=quotcss。