国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css金額怎么顯示中間橫,CSS金額顯示中間橫

前端小編 7 0

CSS金額顯示中間橫的方法

在CSS中,我們可以使用text-align屬性來(lái)設(shè)置文本的對(duì)齊方式,center”值可以將文本居中顯示,而對(duì)于金額顯示中間橫的需求,我們可以利用這個(gè)屬性來(lái)實(shí)現(xiàn)。

我們需要?jiǎng)?chuàng)建一個(gè)包含金額的HTML元素,例如一個(gè)段落(p)或者一個(gè)列表項(xiàng)(li),在這個(gè)元素中添加一個(gè)span或者b標(biāo)簽來(lái)包裹金額數(shù)字。

在CSS中設(shè)置這個(gè)元素的text-align屬性為“center”,這樣金額數(shù)字就會(huì)居中顯示,我們還可以使用border-top屬性來(lái)添加一條橫線,以分隔金額和其他內(nèi)容。

以下是一個(gè)示例代碼:

HTML代碼:

<p class="amount">
  <span class="amount-value">$1234.56</span>
  <b class="amount-line"></b>
</p>

CSS代碼:

.amount {
  text-align: center;
  border-top: 1px solid #000;
}
.amount-value {
  vertical-align: middle;
}
.amount-line {
  vertical-align: middle;
  height: 1px;
  width: 100%;
  display: block;
}

在這個(gè)示例中,金額數(shù)字“$1234.56”被居中顯示,并且上方有一條橫線,通過(guò)調(diào)整border-top屬性的值,我們可以改變橫線的樣式和顏色,通過(guò)調(diào)整vertical-align屬性的值,我們可以讓金額數(shù)字和橫線垂直居中顯示。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
91性高湖久久久久久久久网站| 综合久久一区二区三区| 大地资源网在线观看免费动漫| 久久精品a一级国产免视看成人| 亚洲av人片在线观看| 毛片在线一区二区观看精品| 中文字幕在线视频免费播放| 亚洲国产成人精品一区二区三区| 丝袜美腿一区二区三区动态图| 欧美黑人巨大xxxxx| 国产精品一区二区三区四区五区六区| 裸体女人高潮毛片扒开一一区| 无套内谢少妇高潮毛片些| 香蕉久久久久久av成人| 屁屁影院网址| 久久久久国产精品人| 久久久久久久久久久久影视 | 午夜激情五月天| 中文字幕免费高清网站 | 滋润旗袍丝袜人妻| 日韩精品成人在线视频| 波多野吉衣作品| 99国产精品无码| 成熟少妇一区二区三区| 国产精品一区二区在线| 国产欧美一区二区三区四区| 丰满熟女一区二区三区在线播放 | 99久久久免费精品国产| 久久久久久久久久精| 99国产精品久久久久久久成人热,99精品久久 | 医生扒开腿用黄瓜把我弄高潮了| 精品sm调教视频一区二区三区| 91久久国产综合久久蜜月精品 | jizzjizz8jizz亚洲熟女| METART| 7788免费看电视剧大全| 国产精品婷婷久久爽一下| 国产无遮挡又黄又爽又色| 国产激情二区| 精品人妻少妇嫩草无9码专区| 国产精品久久久久久久久av竹菊|