午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁技術文章
文章詳情頁

JS Web Flex彈性盒子模型代碼實例

瀏覽:174日期:2024-05-20 08:44:03

1.justify-content

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Flexbox彈性盒布局</title> <style> .demo{ display: -webkit-flex; justify-content: space-between; } </style></head><style> </style><body><div class='demo'> <div>姓名: 張三</div><div>年齡: 26歲</div></div><div class='demo'> <div>性別: 男</div><div>生日: 1995-05-06</div></div><div class='demo'> <div>檢查編號: 25</div><div>住院號: 198</div></div></body></html>

效果圖

JS Web Flex彈性盒子模型代碼實例

2.flex三行二列

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Flexbox彈性盒布局</title> <style> .demo{ display: -webkit-flex; } .item-flex{ flex:1; } </style></head><style> </style><body><div class='demo'> <label class='item-flex'>姓名: 張三</label><label class='item-flex'>年齡: 26歲</label></div><div class='demo'> <label class='item-flex'>性別: 男</label><label class='item-flex'>生日: 1995-05-06</label></div><div class='demo'> <label class='item-flex'>檢查編號: 25</label><label class='item-flex'>住院號: 198</label></div></body></html>

效果圖

JS Web Flex彈性盒子模型代碼實例

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 成人精品福利 | 韩国三级av| 狠狠狠狠狠狠 | 色综合久久88色综合天天 | 国产在线观看你懂的 | 欧美激情视频在线播放 | av一区在线播放 | 精品午夜一区二区三区在线观看 | 成人国产综合 | 五月婷婷在线观看 | 亚洲国产欧美日韩在线 | 国产网红在线观看 | 亚洲天堂2016| 成人av在线看 | 国产手机视频在线观看 | 亚洲 欧美 日韩 综合 | 中文字幕一区二区三区四区欧美 | 日韩一二三区视频 | 亚洲天堂tv | 91伦理视频| 最新黄色av网站 | 男人天堂网在线 | 精品久久免费 | 日本激情视频网站 | 国产高清一二三区 | 欧洲黄色网址 | 91成人久久| 中文字幕狠狠干 | 中文字幕自拍偷拍 | 免费黄色资源 | 日本天堂网站 | 成人亚洲一区二区 | 欧美一级片免费观看 | 欧美精品一二三 | 中文字幕精品一区二区精品 | 天天插天天狠天天透 | 国产一区二区在线视频观看 | 日韩精品久久久 | 欧美男人天堂网 | 国产又粗又猛又黄又爽 | 污片在线免费观看 |