CSS文字两端对齐

<template>
		<div class="text">昵称</div>
</template>

<script>
    .text {
		display: inline-block;
		text-align: justify;
		text-justify: distribute-all-lines; // 兼容ie浏览器
		text-align-last: justify;
	 }
</script>