# antDesign的Form表格,提交时没有报错也没有反应

  • 这种情况,可能出现在 有个别元素的校验没有调用callback方法,这导致提交没有被执行!

# css的布局错乱,子元素不受约束,导致父元素宽度(高度)错乱

  • 爷级,父级,子级, 孙级 四级为例,爷级有宽度, 父级为auto, 子级未设置, 孙级未设置
  • 父级,子集 的宽度在 孙级宽度小于 爷级时正常孙级宽度 超过 爷级宽度时孙级宽度会带动父级,子级宽度撑大,不受约束
  • 解决方案,当前为例:
.fix{
    /*直接设置在孙级元素上,注意此时有可能孙级的元素为: white-space: nowrap;*/
    white-space: normal;
}

# 难点

  • 从布局的角度,非常难以排查,因为涉及到flex的多个层级;
  • 一般情况下,父级要么会移除隐藏,要么溢出出现滚动条。本例中,white-space: nowrap;的情况导致了父级元素宽度持续增加,无fuck说!

# 关键属性

  • <pre>元素默认不会换行,通常与<code>联用
  • 关键关键关键!!! v-html生成的元素,不受 <style scoped></style>中写的样式影响。
  • v-html与 div中的class作用于同一个元素时,v-html的样式会覆盖div中的样式。 此时必须要具有父子结构,样式才会生效