眾所周知，flex布局可以使得一行元素等分排布，但是有時候我們的需求並不是每一行的元素都是等分排布，比如應該設定成下面都樣式：
1、彈性布局flex此時不再適用，因為彈性布局是會使得每一行都是根據div的個數n進行將每乙個div都均分1/n的寬度。
2、使用div布局，且必須設定成行內塊（inlne-block）的形式。因為等分1/n，所以使用百分比作為寬度，但是也注定不能使用magin去填充邊距，只能使用padding，且在border-box的前提下。
3、h5頁面同時需要考慮按鈕中文案的長度以及螢幕的尺寸問題，應保證使用者在手機上看和在ipad上的效果一致。可以使用display:table-cell;的方式去實現。
class
="line"
>
class
="label-container"
>
class
="label"
>
class
="content"
>
1span
>
span
>
class
="label"
>
>
class
="content"
>
2span
>
span
>
class
="label"
>
>
class
="content"
>
3333333333span
>
span
>
class
="label"
>
>
class
="content"
>
444444span
>
span
>
class
="label"
>
>
class
="content"
>
555555555555555span
>
span
>
span
>
div>
.line}}
// 未完待續。。。
H5及H5頁面是什麼意思？如何製作H5頁面？
h5是html5的簡稱。html5是html最新的修訂版本，是一種超文字標記語言。h5有兩大特點 首先，強化了 web 網頁的表現效能。其次，追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項，通過點選新增到製作介面，控制項的選擇使用按照你...
APP頁面如何區分是原生的還是H5頁面
1 看斷網的情況 把手機的網路斷掉。然後點開頁面。然後可以正常顯示的東西就是原生寫的。顯示404或則錯誤頁面的是html頁面。2 看布局邊界 僅針對安卓手機適用 可以開啟 開發者選項中的顯示布局邊界，頁面元素很多的情況下布局是一整塊的是h5的，布局密密麻麻的是原生控制項。頁面有布局的是原生的否則為h...
Flexible實現H5頁面的rem布局適配
1 使用flexible實現手淘h5頁面的終端適配 2 flexible實現手淘h5頁面的rem布局適配 3 vue移動端flexible.js結合muse ui使用的小坑 4 的flexible適配方案為什麼只對ios進行dpr判斷，對於android始終認為其dpr為1 6 rem 及由此引申出...