排列首先要排列的四張照片放置到同一個(gè)文件夾中并打開電腦中運(yùn)行html的軟件，其次點(diǎn)擊界面中的文件編輯欄選擇排列點(diǎn)擊浮點(diǎn)排列，最后在彈出的頁面中點(diǎn)擊四張圖片并將排列行數(shù)設(shè)定為兩行即可。

如上所示項(xiàng)目一共分為5個(gè)部分，分別對(duì)應(yīng)導(dǎo)航欄的5個(gè)內(nèi)容其中項(xiàng)目技能用的是echarts里的柱狀圖，作品展示用的是bootstrap里的輪播圖，除此之外就是html的基礎(chǔ)內(nèi)容下面我們展示一下項(xiàng)目的代碼部分 lt！DOCTYPE htmllthtmlltheadltmeta。

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

html5可以使用代碼實(shí)現(xiàn)的簡單幻燈片，并且能用鼠標(biāo)滾輪滾動(dòng)進(jìn)行換頁具體代碼如下lt！doctype htmllthtml lthead lttitlelttitleltstyle#slidespositionabsoluteleft0pxtop0pxheight100%width100%overflow。

首先糾正一下，你這個(gè)是 css 不是 html portfolio labeltext 這里的意思是給類名選擇器為 portfolio 的后代的所有 類名選擇器為 labeltext 的標(biāo)簽設(shè)置樣式里面的樣式解析positionrelative 是相對(duì)定位的。

lthead ltmeta charset=quotUTF8quot lttitleHTML5學(xué)堂碼匠 言成科技 聯(lián)合出品lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable=noquot ltlink rel=quotstylesheetquot href=quotcss。