离子：如何使文本在卡体内居中并对齐
汤姆
在ionic中，我创建了一个带有中心标题文本的卡片：
<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％的字符串？
塔伦·杜加（Tarun Dugar）
一种方法是为行中的三个div中的每个赋予以下属性：
.item-text-wrap .col{
width: 33.33%;
text-align: center;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
离子：文本在卡中垂直居中
- 2
如何在不居中对齐内部文本的情况下居中对齐引导卡？
- 3
如何居中对齐文本？CSS
- 4
如何使文本右对齐，但div居中对齐？
- 5
如何居中对齐离子图标在按钮内？
- 6
如何在div中居中对齐文本
- 7
如何在转盘中居中对齐文本？
- 8
如何对齐居中对象中的文本
- 9
如何过渡居中对齐的动态文本？
- 10
如何居中对齐 TemplateField 的标题文本？
- 11
当离子文本中心不工作时，如何在离子应用程序中将离子图标居中？
- 12
居中对齐UILabel文本？
- 13
TextView 文本居中对齐
- 14
如何对齐文本以使该图像居中？
- 15
如何在<span>中垂直居中对齐文本？
- 16
ul li左移后，如何使文本居中对齐？
- 17
如何在文本的两侧居中对齐图标？
- 18
如何用空格和换行符使文本居中对齐
- 19
如何在OneNote的表格中垂直居中对齐文本
- 20
如何将文本与行内块元素垂直居中对齐
- 21
如何将文本居中对齐在左侧位置？
- 22
如何使用左对齐的文本叠加层居中图像
- 23
如何在div中居中和垂直对齐文本？
- 24
如何使复选框旁边的文本垂直居中对齐？
- 25
无论文本对齐如何，都将 div 元素居中
- 26
如何使用 flex 将图标左对齐，文本居中？
- 27
如何在移动设备上居中左对齐文本
- 28
如何水平居中对齐列表项中的文本
- 29
如何垂直居中/对齐 <pre> 标签旁边的文本
我来说两句