前端对于新手刚刚入行代码如何排版才好看

      这里记录一下我自己刚刚入行不久在写代码因为没有排版好导致去找某处代码时老是找半天，经过长期的实践，然后再参考别人写的最后自己就按一个标准写，因为很多学校、培训都重在教功能布局的实现，但是忽略了代码排版这一块，因为我自己也是在这些地方学习，但是感觉都没有听到教怎么排版好看好找不乱的，虽然工具自带整理，但是有一些还是不行，有些换行多容易挤成一堆堆的看上去有点乱，所以在这里自己就做一些笔记，不是每个是适用，可能我的写法还有问题，但是我觉得对于那些刚刚入行，然后不知怎么排版好看的，而且又不知道怎么找一个标准排版的兄弟可以参考，结合自己的写出最好的效果，觉得有不太对的，大佬多多指教。以下示例：

　这里用得uniapp做的项目其中的一部分排版

    

方法对齐：

 

 

 

 

 红色线条标注的是每一个子元素与父元素的对齐标准，这样就可以以这个标准去编写，就不至于不知道怎么去排版了，有一些不一定要对齐class,可以使其他的属性为标准对齐

   如：

<div class="contnet">

       <button type="default">

                   <text>提交</text>

　　</button>

</div>

 排版记录到此结束，如有错误请多多指教