内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

Flex實現(xiàn)表格布局(微信小程序)

2022-11-14    分類: 微信小程序

網(wǎng)站建設 - 建站教程 - 微信小程序 - Flex 實現(xiàn)表格布局 (微信小程序

微信小程序自己開發(fā)了一套 wxml + wxss,對許多 HTML 標簽和 CSS 屬性不支持。

不支持 table 標簽,推薦使用 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;

}

網(wǎng)頁標題:Flex實現(xiàn)表格布局(微信小程序)
當前地址:http://www.rwnh.cn/news38/213388.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有微信小程序

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
界首市| 芦溪县| 新津县| 新泰市| 绵阳市| 蕉岭县| 工布江达县| 宜宾市| 德庆县| 余江县| 北宁市| 神木县| 新乡市| 崇阳县| 柳州市| 垦利县| 隆回县| 昌江| 方正县| 万安县| 太白县| 赫章县| 汝南县| 台东县| 鱼台县| 万荣县| 旅游| 望江县| 广饶县| 伊宁县| 益阳市| 灵璧县| 青阳县| 宝丰县| 重庆市| 垣曲县| 固安县| 镇康县| 谢通门县| 威信县| 柏乡县|