相信有不少同学调试表格的时候都会遇到这种问题
不多废话,直接上图和代码
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:
1 Comment
风影牛逼啊!