私はイオンのアプリに取り組んでいると私は、丸みを帯びた領域におけるいくつかのinfoを表示していますが、私は第2の領域にハートのアイコンに番号を配置する必要があります。私はそれらを縦と横に整列させる必要があり、その数は心の中のように見える。私はいくつかのことを試してきましたが、一気に達成することはできません。どうやってやるの?ありがとう。CSS:どのようにアイコン内のテキストを配置するには?
注:テキストは動的で、それを0%とすることができる割合だ100%
これは、その領域のコード
<link href="http://code.ionicframework.com/1.3.0/css/ionic.min.css" rel="stylesheet"/>
<div class="post-info">
<span class="charity">
<i class="ion-ios-heart-outline"></i><span style="font-size: 13px">45</span>
</span>
</div>
マン絶対位置と
:before
peseudoにテキストを置くことによって、テキストのコンテナとしてのアイコンを作ることができますテキストは動的です。 :( –私はそのための解決策を見つけることを試みるだろう。 –