文字分散对齐


普通文字分散

效果:

https://sandbox.runjs.cn/show/pfadwcwp

代码 :

	
十年前你说生如夏花
十年后你说平凡才是唯一的答案
	div{
		border: 1px solid #f0f;
		color: #fff;	
		width: 300px;
		margin-top: 10px;
	}
	
	.test1 {
		text-align:justify;
	}
	.test1 i {
		display:inline-block;
		width: 100%;
		/*padding-left: 100%;*/
	}
	
	.test2 {
		text-align:justify;
	}
	.test2:after {
		content: "";
		display:inline-block;
		padding-left:100%;
	}	

表格中 内文字分散对齐

添加如下属性即可

	text-align:center;
	text-align:justify;
	text-justify:distribute-all-lines;
	text-align-last:justify;
CSS