[英]Angular md-button destroys alignment
當我不插入md-button時,一切正常。 但是,當我添加md-button時,span無法正常工作。 數字“ 5”下降。 我怎么解決這個問題?
HTML:
<button md-button class="special-orders">xüsusi təkliflər <span>5</span></button>
CSS:
.special-orders {
font-size: 15px;
color: white;
span {
font-size: 11px;
display:inline-block;
width: 15px;
height: 15px;
text-align: center;
color: #FF2868;
background-color: white;
border-radius: 50%;
vertical-align: middle;
padding: 0;
}
}
材質樣式將按鈕上的行高設置為36px,這似乎導致跨度具有固定高度和寬度的問題。 在跨度上設置線條高度比嘗試將所有線條對齊都容易。
.special-orders {
font-size: 15px;
color: white;
span {
line-height: 18px;
width: 18px;
display:inline-block;
text-align: center;
color: #FF2868;
background-color: white;
border-radius: 50%;
vertical-align: middle;
padding: 0;
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.