国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

css3 - 純CSS實現寬度是百分比的元素成為一個正方形,適配各種屏幕?

瀏覽:94日期:2023-07-26 08:08:31

問題描述

如題,一個p,設置width:30%,如何讓它的高度和寬度一樣大小,并且隨著寬度的變化而變化?

前提:不使用js代碼

<body> <p style=’width:30%’></p></body>

問題解答

回答1:

<body>

<p style='width:30%;padding-bottom:30%;height:0px;background:#ccc;'></p>

</body>

設置高度為0,防止有內容時高度溢出

回答2:

<body> <p style=’width:30vw; height:30vw;’></p></body>

回答3:

<body> <p style='width:30%;position:relative;overflow:auto;'><img src='http://www.cgvv.com.cn/wenda/一張與背景相同或透明的正方形圖片' style='width:100%;'><p style='position:absolute;top:0;left:0;'> 文字內容</p> </p></body>

標簽: CSS
主站蜘蛛池模板: 日韩午夜在线 | 成人午夜爽爽爽免费视频 | 久久久久久久91精品免费观看 | 91探花福利精品国产自产在线 | 美女国产福利视频 | 国产自在自线午夜精品 | 精品成人久久 | 成人91在线| 日本免费不卡在线一区二区三区 | 欧美成人影院免费观 | 一区二区三区四区在线播放 | 久在草视频 | 亚洲最新在线 | 欧美高清性刺激毛片 | 九九久久久久午夜精选 | 正在播放的国产a一片 | 成年女人免费观看 | 在线精品亚洲欧洲第一页 | 免费毛片儿 | 黄色三级网站免费 | 久草网视频在线观看 | 免费黄色网址在线播放 | 久草 在线 | 一级毛片不卡 | 欧美啊v在线观看 | 亚洲欧美精品中文字幕 | 国产一级特黄aa级特黄裸毛片 | 91在线精品亚洲一区二区 | 午夜国产高清精品一区免费 | 日本一级特黄a大片在线 | 国产小视频在线高清播放 | 在线观看人成网站深夜免费 | 欧美三级美国一级 | 国产精品李雅在线观看 | 性夜黄a爽爽免费视频国产 性夜影院爽黄a爽免费看网站 | 久久99网站| 高清毛片免费看 | 自拍视频在线 | 成人影院免费观看 | 色欲麻豆国产福利精品 | 成人免费真人毛片视频 |