CSS实现文本两端对齐

相信有不少同学调试表格的时候都会遇到这种问题

不多废话,直接上图和代码


CSS代码:

.justify{
	width: 100px;
	height: 20px;
	text-align: justify;
}
		 
.justify:after{
	content: "";
	padding-left: 100%;
	display: inline-block;
}

HTML代码:

<div>姓名</div>
<div>家庭住址</div>
<div>曾用名</div>
<div>性别</div>
<hr/>
<div class="justify">姓名</div>
<div class="justify">家庭住址</div>
<div class="justify">曾用名</div>
<div class="justify">性别</div>

这样就对齐了。
大佬勿喷 :huaji11:

风影OvO

风影OvO, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA 4.0协议进行授权 | 转载请注明原文链接

1 Comment

  • 风影牛逼啊!

留下你的评论

*评论支持代码高亮<pre class="prettyprint linenums">代码</pre>

相关推荐