内容变化，始终是圆形

内容:

<div class="circle">
       <text class="text">{{newsnum}}</text>
</div>

CSS：

.circle {
        background-color: rgba(0, 0139, 0139, 0.5);
        -moz-border-radius:50%;
        -webkit-border-radius: 50%;
        border-radius:50%;
        display: inline-block;
        text-align: center;
        line-height: 1;
    }
    .circle .text{
        display: block;
        padding: 50%;
        margin: -3em -50% 0;
        position: relative;
        top: 1.5em;
        border: 1em solid transparent;
        white-space: nowrap;
    }