日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

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

css3 - 學習css構建圖形時,遇到一個很有意思的現象,具體代碼如下

瀏覽:323日期:2023-07-03 18:04:23

問題描述

<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>CSS構建圖形</title> <style type='text/css'>#circle{ width: 100px; height: 100px; background-color: #4285F4; border-radius: 50%;/*我的理解是各邊長度的百分比*/ text-align: center; line-height: 100px; float: left;}#oval{ background-color: #4285F4; text-align: center; line-height: 100px; width: 200px; height: 100px; border-radius: 50%; float:left;}#triangle-up{ font-size: 12px; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; background-color: #4285F4; text-align: center;float: left; margin-left: 10px;}#triangle-down{ text-align: center; width: 0; height: 0; border-left: 50px solid pink; border-right: 50px solid pink; border-top: 100px solid red; float:left; margin-left: 10px;} </style></head><body> <p id='circle'>圓形</p> <p id='oval'>橢圓</p> <p id='triangle-up'>上三角形</p> <p id='triangle-down'>下三角形</p></body></html>

我想在圖形中添加文字 在三角形中文字老是下移,原因是啥?多謝css3 - 學習css構建圖形時,遇到一個很有意思的現象,具體代碼如下

問題解答

回答1:

因為你設置了width:0;寬度為0,文字沒有顯示的空間自然一直向下換行,可以用偽代碼實現

#triangle-up,#triangle-down{ position:relative;}#triangle-up::after,#triangle-down::after{ content:'上三角形'; position:absolute; left:0; right:0; margin:auto; top:50%; transform:translate(0,-50%,0);}回答2:

因為看到三角形只是p的border,文字是在p的content里面的

回答3:

標簽內的文字默認與基線對齊。 而這里的基線可以看作是 border 的內邊界。所以上三角的基線位置在上方,容器區域在上方; 下三角的基線位置在下方,容器區域在下方。

文字的white-space屬性默認是忽略空白。寬度為 0 的情況下垂直展示文本

標簽: CSS
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
欧美女激情福利| 国产粉嫩在线观看| 99成人在线| 日韩天堂av| 鲁大师影院一区二区三区| 爽好多水快深点欧美视频| 亚洲精品国产精品粉嫩| 国产精品亚洲产品| 日韩精品dvd| 五月综合激情| 亚洲精品成人一区| 麻豆精品在线观看| 人人精品亚洲| 蜜桃免费网站一区二区三区| 久久国产三级| 精品国产免费人成网站| 韩国三级一区| 亚洲免费精品| 欧美日韩亚洲一区三区| 国产专区精品| 中日韩男男gay无套| 日韩中文字幕| 伊伊综合在线| 奶水喷射视频一区| 国产精品22p| 国产一区观看| 久久国内精品视频| 久久久久国产一区二区| 亚洲视频国产精品| 精品久久国产一区| 一区福利视频| 国产美女视频一区二区| 国产精品字幕| 久久精品av麻豆的观看方式| 欧美日韩免费观看视频| 日韩欧美在线精品| 日韩精品欧美| 国产探花一区二区| 偷拍欧美精品| 国产在线视频欧美一区| 蜜臀av一区二区三区| 国产精选在线| 日韩精品91亚洲二区在线观看| 日韩在线看片| 久久gogo国模啪啪裸体| 热久久国产精品| 国产精品毛片一区二区在线看| 中文视频一区| 欧美91精品| 精品日本视频| 91精品国产自产精品男人的天堂 | 婷婷综合福利| 欧美一级精品| 精品一区二区三区中文字幕视频 | 成人久久久久| 久久成人高清| 日本一区免费网站| 午夜欧美精品久久久久久久| 亚洲深深色噜噜狠狠爱网站| 亚洲制服一区| 久久久久97| 综合激情一区| 亚洲五月婷婷| 开心激情综合| 日本va欧美va欧美va精品| 国产一区91| 99精品在线观看| 国产91在线精品| 国产精品白丝一区二区三区| 亚洲精品系列| 久久午夜视频| 99日韩精品| 香蕉国产精品| 91精品久久久久久久久久不卡| 欧美国产极品| 国产一级成人av| 日韩国产欧美一区二区三区| 免费视频久久| 欧美女激情福利| 国产精品久久久久av电视剧| 久久三级毛片| 久久精品日韩欧美| 免费亚洲婷婷| 国产精品一区二区三区av| 日韩av成人高清| 日韩国产91| 欧美精品观看| 欧美激情五月| 精品视频在线你懂得| 久久久精品国产**网站| 欧美激情日韩| 国产成人精选| 国产网站在线| 91嫩草亚洲精品| 97精品视频在线看| 国产欧洲在线| 久久人人97超碰国产公开结果| 一本大道色婷婷在线| 韩国三级一区| 蜜桃视频欧美| 免费不卡在线观看| 亚洲精品一二| 国产乱码精品一区二区亚洲| 你懂的国产精品| 国产suv精品一区| se01亚洲视频| 午夜久久福利| 亚洲aa在线| 国产情侣一区| 国产精品手机在线播放| 国产成人久久| 久久视频国产| 美女黄网久久| 欧美精品福利| 成人精品高清在线视频| 国产一区亚洲| 午夜久久av| 精品欠久久久中文字幕加勒比| 播放一区二区| 三级在线观看一区二区| 日韩av一二三| 精品久久视频| 国产一区日韩欧美| 蜜臀91精品一区二区三区| 91精品福利观看| 日韩av免费大片| 一区在线免费观看| 亚洲精品人人| 国产精品99一区二区三| 美女毛片一区二区三区四区| 一区二区三区网站| 久久精品国产亚洲aⅴ| 欧美不卡高清一区二区三区| 亚洲在线免费| 久久中文欧美| 美女亚洲一区| 日本午夜精品一区二区三区电影| 你懂的亚洲视频| 欧美日韩日本国产亚洲在线| 亚洲精品乱码日韩| 国产成人精品一区二区免费看京| 久久国产亚洲| 日本午夜精品久久久| 日韩欧美一区二区三区在线观看| 亚洲三级网址| 亚洲国产福利| 日韩精品久久久久久久软件91| 福利一区二区三区视频在线观看| 亚洲综合国产| 风间由美中文字幕在线看视频国产欧美| 日韩午夜av在线| 国产精品v一区二区三区| 亚洲国产不卡| 国产一区二区三区久久| 亚洲欧美视频| 天堂中文av在线资源库| 欧美综合精品| 亚洲深夜av| 超碰超碰人人人人精品| 日韩精品久久久久久| 九一成人免费视频| 成人在线视频中文字幕| 日韩 欧美一区二区三区| 欧美成人综合| 成人在线黄色| 国产精品三级| 亚洲精品护士| 欧美日韩国产亚洲一区| 日本一区二区免费高清| 免费在线观看一区二区三区| 精品视频国内| 久久国产尿小便嘘嘘| 亚洲欧美激情诱惑| 91偷拍一区二区三区精品| 91精品在线免费视频| 视频一区二区三区在线| 久久青草久久| а√天堂中文在线资源8| 欧美a在线观看| 国产欧美日韩免费观看| 亚洲免费资源| 综合国产精品| 日韩中文字幕亚洲一区二区va在线| 成人久久一区| 精品久久免费| 久久91视频| 国产精品v一区二区三区| 国产色噜噜噜91在线精品| 日韩亚洲精品在线观看| 麻豆久久精品| 免费日韩一区二区| 亚洲免费观看| 午夜久久美女| 五月天综合网站| 国产91精品对白在线播放| 日韩精品影视| 亚洲黑丝一区二区| 国产中文一区| 国产美女一区| 亚洲精品2区|