这是一个创建于 1160 天前的主题，其中的信息可能已经有所发展或是发生改变。
对于绝大部分程序员来说，使用 vue 之类的 mvvm 框架写 js 业务逻辑都不是什么大问题，
现在阻碍这些程序员搞前端的唯一门槛，就是如何快速的弄出符合 PSD 设计图的 css 样式，
如果有一个工具能够快速的弄出复合 PSD 设计图的 css 样式，那么就每个程序员都能搞前端，
是否有这种工具？没有这种工具的话是否可以有类似需求的人提交 psd 文件，然后有专业 css 前端接单写 css 赚钱之类的。
现在阻碍这些程序员搞前端的唯一门槛，就是如何快速的弄出符合 PSD 设计图的 css 样式，
如果有一个工具能够快速的弄出复合 PSD 设计图的 css 样式，那么就每个程序员都能搞前端，
是否有这种工具？没有这种工具的话是否可以有类似需求的人提交 psd 文件，然后有专业 css 前端接单写 css 赚钱之类的。
第 1 条附言 · 2021-10-27 11:12:35 +08:00
问了下前端同学，已经有不少工具能够获取 psd 各个部位的样式了，蓝湖也能。
剩下的就是如何布局这些现成的样式，让这些样式之间布局空间合理，
然后他们推荐了我去看了下 flex 布局，总共就 6 个概念
1. display:flex; flex-direction flex-wrap
2. flex-grow flex-shrink flex-basis
所以现在布局变得很简单了：先用 flex 大概布局下位置，然后用 margin padding 微调位置，就能很好的完成布局了。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
剩下的就是如何布局这些现成的样式，让这些样式之间布局空间合理，
然后他们推荐了我去看了下 flex 布局，总共就 6 个概念
1. display:flex; flex-direction flex-wrap
2. flex-grow flex-shrink flex-basis
所以现在布局变得很简单了：先用 flex 大概布局下位置，然后用 margin padding 微调位置，就能很好的完成布局了。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
Select Language