离子：如何将卡片中的文本居中并对齐

Question

在离子中我创建了一张卡片，中间有标题文字：

<div class="card">
    <div class="item item-divider center-text">
        Title
    </div>
    <div class="item item-text-wrap">
        <div class="row">
            <div class="col col-50">.col.col-50</div>
            <div class="col">10 %</div>
            <div class="col">.col</div>
        </div>
    </div>    
</div>

其中：

.center-text {
   text-align: center;
}

现在的问题是文本“10％”未与标题标题对齐。

如何使标题居中并对齐10％字符串？

Answer 1

一种方法是为行中的三个div中的每一个赋予以下属性：

.item-text-wrap .col{
    width: 33.33%;
    text-align: center;
}

Answer 2

您可以像这样添加text-center类

<div class="card text-center">
    <div class="item item-divider">
        Title
    </div>
    <div class="item item-text-wrap">
        <div class="row">
            <div class="col">.col.col-50</div>
            <div class="col">10 %</div>
            <div class="col">.col</div>
        </div>
    </div>    
</div>

Answer 3

这两者在ionic 4中均能正确工作  **

$dec = json_decode($response);
$filteredResults= array();
if (! empty($dec->chromeosdevices)) {
    foreach ($dec->chromeosdevices as $chromeosdevice) {
        $user = [];     // init and remove last loops info
        $user['annotatedUser'] = $chromeosdevice->annotatedUser;
        foreach ($chromeosdevice->activeTimeRanges as $tr) {
            $user['activeTimeRanges_date'][]       = $tr->date;
            $user['activeTimeRanges_activeTime'][] = $tr->activeTime;
        }
        $filteredResults[] = $user;
    }
}
echo '<pre>';print_r($filteredResults);echo '</pre>';

**

Answer 4

pip install ICaptcha 是最新版本的ionic。

<ion-text-center>