1. 程式人生 > >字型兩端對齊,相容ios和安卓系統

字型兩端對齊,相容ios和安卓系統

這是小編要的效果:


在安卓和ios系統下面都可以實現效果 HTML:
<div class="text-align">
<p>姓名</p>
<p>身份證</p>
	<p>入園時間</p>
	<p>票卷種類</p>
</div>

css:

.text-align p{
	text-align: justify;
	width: 5rem;
	display: inline-block;
	text-align-last: justify;
	vertical-align: top;
}
.text-align p:after{
    display:inline-block;
	content:'';
	overflow:hidden;
	width:100%;
	height: 0;
	
}