html網頁框架布局方式 如何將html打包成一個app？

如何將html打包成一個app？很多做web前端或是h5開發app的人，都想自己做一個app安裝到自己的手機上，app改成自己的名字或則建議使用自己的頭像做圖標，覺得是不是很xx，今天，我來教大家怎用

如何將html打包成一個app？

很多做web前端或是h5開發app的人，都想自己做一個app安裝到自己的手機上，app改成自己的名字或則建議使用自己的頭像做圖標，

覺得是不是很xx，今天，我來教大家怎用前端工具發郵箱自己的app；

必須，我們先可以下載工具HBuilderX，官網下載地址：；

打開官網后我們然后點擊下載：

在提示框的界面中你選自己電腦版本的軟件下載：

直接下載后真接下一步，下一步安裝表就行，因此我的電腦也直接安裝了，就不再繼續觀摩完全安裝過程，很很簡單的，安裝過后是這個樣子的：

左鍵雙擊可以打開軟件；建設項目，據圖中的步驟來你操作，

1、我們中,選擇第二個uni-app

2、寫好項目名稱

3、你選存放路徑

4、選擇類型設置模板

點擊創建家族，正在此時我們能得到一個修改的項目結構：

這里簡單的說一下，而且uni-app設計和實現vue.js來開發完畢的，因此會vue的小伙伴們建議使用站了起來會很上手容易。我們是需要編輯的頁面就是在pages目錄中，這里我們如何修改文件如下圖

再點開manifest.json文件，改基礎配置，把app修改成自己的名字和在用自己頭像做圖標，

我們這里填寫好應用名稱和描述，第一項app應用標識是云端資源的，不需要我們不自動填好；

配置安裝好到手機上的圖標，因為小編手機是安卓機，所以我這里你選了安卓圖標配置，中,選擇的圖標據重新指定的尺寸大小做好對應的圖標：

假如是需要可以修改設置啟動后圖標是可以自己區設置直接修改。和直接修改app圖標配置一般；

那樣就差不多吧了，點擊需要保存；

后來再點項目名，然后再工具欄上點擊“發行新——原生app云端發我”，后再在自動彈出的界面能取消iOS取消勾選，Android使用互換證書，最下面是廣告，要是選項卡廣告的話這個可以賺收益的，最后我們然后點擊“打包”

發到郵箱不需要幾分鐘，等一會兒我們就可以看到直接下載的界面：

點擊鏈接就可以不直接下載apk包了：

過了一會兒我們把可以下載過來的apk包傳到手機上就這個可以按裝了。這是我早就完全安裝好了的截圖：

這里因為uni-app設置為使用流動的布局，所以這里所有的li都顯示到了一行；

以前變更土地性質一個app，是需要一個安卓和一個IOS原生開發，各自變更土地性質一套以適應有所不同的手機操作系統，這樣的話做給了的問題那是是需要開發完畢兩套完全不一樣的app，但是開發成本和維護成本會大大增強；而近幾年緊接著前端技術的不斷發展，這一問題是可以在前端關于完美解決；這給我們web前端的小伙伴受到了福音，開發一套代碼可以變化莫測（安卓，iOS，小程序，h5）運行程序；

會不會很棒，小伙伴們，慌忙手里自己的手機安裝一個都屬于自己的app吧。

html怎么把三個標簽放在一行？

css設置里標簽屬性float也可以flex布局