需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
![](https://iknow-pic.cdn.bcebos.com/dc54564e9258d109bff1175adf58ccbf6d814dc3?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
2、在index.html中的<style>标签中,输入css代码:
div{
border: 1px solid blue;
width: 300px;
text-align: justify;
}
div:after {
display: inline-block;
width: 100%;
content: '';
}
![](https://iknow-pic.cdn.bcebos.com/b999a9014c086e069bcf81a30c087bf40bd1cbf7?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
3、浏览器运行index.html页面,此时一行内的文字实现了两端对齐。
![](https://iknow-pic.cdn.bcebos.com/43a7d933c895d143ff2f5acb7df082025baf07f8?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)