This topic created in 1302 days ago, the information mentioned may be changed or developed.
只有后端经验,公司让转前端,学 vue,刚看完一个教学视频,试着用 elementUI 仿照一个页面,这也太难学了,刚开始模仿一个导航栏,
bootstrap 里 ml-auto 就能将元素靠右,在 elementUI 里就没有这个功能,找了半天才知道,得用 CSS 的"float:right",感觉好割裂啊, 如果要学前端的话,去哪里能把这些布局学会呢?
10 replies • 2022-10-21 17:17:37 +08:00
 |
|
1
Asakijz Oct 21, 2022 1
有空 mdn 快速过一遍
|
 |
|
3
weixind Oct 21, 2022 1
写了几年前端了,flex 一把唆。
|
 |
|
4
aikilan Oct 21, 2022 1
楼上说的对,花几分钟看一下 flex 布局,然后一边用一边查 flex ,起码可以让你聚焦在这一个 API 上,不用找其他的布局 API ,轻松很多。
|
 |
|
6
cvooc Oct 21, 2022 1
flex 解君愁, 现在 css 一般是团队自己封装的居多, 我的建议是 你先熟悉下 flex 布局,然后自己封装 scss 全局文件就好了, 不要考虑第三方样式库, 这样也可以让你快速属性 css, 直接用第三方库对上手前端的人来说更难以理解 自己封装几个 flex-center 或者你说的 ml-auto 这种 class 随用随加就好, 正常情况, 搭配第三方组件最后累计出来的 css 文件也不会很大
|
 |
|
7
HugoChao Oct 21, 2022 1
引入 elementUI 用自带的网格布局 分分块就好了
|
 |
|
9
optional Oct 21, 2022 via iPhone
css 属性过一遍,记得干嘛用就好,不用记细节。
|
 |
|
10
Rache1 Oct 21, 2022
ml-auto 和 float: right 并不相同,ml-auto 对应 margin-left: auto ,适用于 flex 子元素或者 display block 元素且有宽度的时。
float 会造成高度塌陷
|