JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">前言：之前做web前端项目的时候才零星接触前端的知识，没有系统的整理出知识体系，所以在入行（web前端）两个月时，发觉css在页面布局起着至关重要的作用，良好的搭建页面布局，在后来写js也非常有帮助，因为考虑到页面的拓展性（产品需求设计需求）所以这就是重新回归的原因！</div>
<p>
    <button class="justify">实现文本左右对齐</button>
</p>

CSS

.box {
    width: 300px;
    padding: 10px;
    background-color: #e0e0e0;
    font-family:'microsoft yahei';
    font-size: 14px;
}

JavaScript

var box = $('.box');
$('.justify').click(function () {
    box.css('text-align', 'justify');
})