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

您的位置:首頁技術(shù)文章
文章詳情頁

css - 如何做一個完整的圓?裡面顯示數(shù)字

瀏覽:163日期:2023-01-26 09:40:50

問題描述

css - 如何做一個完整的圓?裡面顯示數(shù)字

數(shù)字有個位數(shù)到百位數(shù)

padding:10px; background-color:#F00; color:#fff; border-radius:50%;

<span class='alert'>9</span>

<span class='alert'>999</span>

如何讓它保持正圓的同時當(dāng)有數(shù)字時不變形? 個位數(shù)和百位數(shù)

問題解答

回答1:

網(wǎng)上找了個

<p class='circle'> <span>999999</span></p>

.circle { display: inline-block; text-align: center; line-height: 1; background-color: red; border-radius:50%; font-size: 14px;}.circle span { display: block; padding: 50%; margin: -2em -50% 0; position: relative; top: 1em; border: 0.5em solid transparent; white-space: nowrap;}

http://jsfiddle.net/zcd75Lcd/

回答2:

你要行把span設(shè)置為block 設(shè)置個寬高像下面的樣式

width: 30px;height: 30px;background-color: #F00;color: #fff;border-radius: 50%;display: block;text-align: center;line-height: 30px;

回答3:

border-radius:xxx 寬度是 元素的長度的一半

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 国产91免费| 深爱激情综合网 | 亚洲第三十七页 | 亚洲精品网址 | 国产tv | 中文字幕有码视频 | 高跟鞋肉丝交足91 | 日韩欧美v | av在线色| 日本一区视频在线观看 | 夜夜操天天 | 男人日女人网站 | 九九自拍 | 久久大胆| 中国字幕在线观看免费国语版 | 米奇成人网 | 黄色免费小网站 | 看黄色一级片 | h片免费在线观看 | 成年人黄色免费视频 | 久久国产91 | 色综合久久久久久 | 中文在线一区 | 99自拍视频在线观看 | 一二三av | 天堂资源av| av播放在线 | 黄色三级在线视频 | 午夜私人福利 | 欧美激情一区二区三区 | 九一精品视频 | 校园春色亚洲色图 | 欧美在线视频一区二区三区 | 国产专区视频 | 日本少妇在线观看 | 日日爽夜夜爽 | 精品视频久久久久 | 日韩免费av在线 | 撸av| 看全色黄大色黄大片大学生 | 高清不卡一区二区 |