作者：網(wǎng)站建設(shè)公司 來源：微信小程序日期：2020-11-11 瀏覽： 次
微信小程序自己開發(fā)了一套 wxml + wxss，對許多 HTML 標(biāo)簽和 CSS 屬性不支持。
不支持 table 標(biāo)簽，推薦使用 flex 布局。
自然而然的想法：flex 嵌套，效果還不錯，貼代碼如下：
<view id="panel" class="flex-column">
<view class="flex-cell flex-row">
<text class="flex-cell flex-row">1</text>
<text class="flex-cell flex-row">2</text>
<text class="flex-cell flex-row">3</text>
<text class="flex-cell flex-row">4</text>
</view>
<view class="flex-row flex-cell">
<text class="flex-cell flex-row">1</text>
<text class="flex-cell flex-row">2</text>
<text class="flex-cell flex-row">3</text>
<text class="flex-cell flex-row">4</text>
</view>
<view class="flex-row flex-cell">
<text class="flex-cell flex-row">1</text>
<text class="flex-cell flex-row">2</text>
<text class="flex-cell flex-row">3</text>
<text class="flex-cell flex-row">4</text>
</view>
<view class="flex-row flex-cell">
<text class="flex-cell flex-row">1</text>
<text class="flex-cell flex-row">2</text>
<text class="flex-cell flex-row">3</text>
<text class="flex-cell flex-row">4</text>
</view>
<view class="flex-row flex-cell">
<text class="flex-cell flex-row">1</text>
<text class="flex-cell flex-row">2</text>
<text class="flex-cell flex-row">3</text>
<text class="flex-cell flex-row">4</text>
</view>
</view>
#panel{
height:65vh;
background:#fff;
}
#panel text{
line-height: 13vh;
border-right: 1rpx solid #ddd;
border-bottom: 1rpx solid #ddd;
}
.flex-row{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flex-column{
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.flex-cell{
flex: 1;
}
零度飛易提供品牌
一體化IT網(wǎng)站價格規(guī)劃書
教育網(wǎng)站設(shè)計方案建材網(wǎng)站設(shè)計方案機(jī)械網(wǎng)站設(shè)計方案廣告網(wǎng)站設(shè)計方案家居照明網(wǎng)站設(shè)計方案環(huán)保設(shè)備網(wǎng)站設(shè)計方案五金網(wǎng)站設(shè)計方案電器網(wǎng)站設(shè)計方案家具網(wǎng)站設(shè)計方案機(jī)械網(wǎng)站設(shè)計方案
如何免費(fèi)制作網(wǎng)站 如何做優(yōu)化 怎么制作網(wǎng)站 網(wǎng)站制作教程 如何制作自己的網(wǎng)站 網(wǎng)站制作費(fèi)用
零度飛易網(wǎng)絡(luò)科技是國內(nèi)企業(yè)網(wǎng)絡(luò)運(yùn)營服務(wù)商，旗下有“零度飛易”建站品牌，“微度”微信平臺開發(fā)系統(tǒng)及互聯(lián)網(wǎng)網(wǎng)絡(luò)推廣，三大業(yè)務(wù)是零度飛易戰(zhàn)略發(fā)展服務(wù)；零度是新網(wǎng)、阿里云（原萬網(wǎng)）、360建站等公司的戰(zhàn)略合作伙伴。零度飛易三大品牌產(chǎn)品為500+家廣東中小企業(yè)提供過互聯(lián)網(wǎng)網(wǎng)絡(luò)服務(wù)方案。在深圳-鄭州_成都-上海-北京-合肥-佛山-廣州-東莞-江門地區(qū)企業(yè)提供網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷、微信小程序開發(fā)、APP開發(fā)和域名注冊等網(wǎng)站建設(shè)服務(wù)。
網(wǎng)站制作電話：137 1543 1176
網(wǎng)站開發(fā)QQ:378780108
E-mail：sale@fslingdu.com如何制作網(wǎng)站QQ :378780108
零度飛易是一家專業(yè)網(wǎng)站設(shè)計,網(wǎng)站制作、seo優(yōu)化,網(wǎng)站推廣,網(wǎng)站建設(shè)的佛山網(wǎng)絡(luò)運(yùn)營公司。零度飛易在家具網(wǎng)站建設(shè)、小家電網(wǎng)站建設(shè)、服裝網(wǎng)站建設(shè)、電器網(wǎng)站建設(shè)、機(jī)械網(wǎng)站建設(shè)等行業(yè)的網(wǎng)站設(shè)計、網(wǎng)絡(luò)運(yùn)營都得到行業(yè)認(rèn)可，在上海、深圳、北京、廣州、佛山、中山、東莞地區(qū)有著良好的口碑品牌的網(wǎng)站建設(shè)公司。我們的使命是打造創(chuàng)新型的網(wǎng)站建設(shè)企業(yè)，能輕易地開展“互聯(lián)網(wǎng)+”業(yè)務(wù)、實現(xiàn)“互聯(lián)網(wǎng)+企業(yè)”的企業(yè)愿景。
有一個互聯(lián)網(wǎng)項目想和我們談?wù)剢?？您可以填寫右邊的表格，讓我們了解您的項目需求，這是一個良好的開始，我們將會盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話，讓我們聽到你的聲音！
地址：佛山市順德區(qū)大良鳳翔商業(yè)廣場二座670
業(yè)務(wù)QQ：378780108
策劃專線：13715431176
E-mail：sale@fslingdu.com
