怎么让vant的button组件里的文字随父元素大小变化而变化

img


中间这个button,由于vant自身button样式的存在,设置了高度,导致内部文字如果过多会被隐藏

img


现在有两个疑问(互相矛盾,所以各自独立怎么实现,我想问的是这个):
1.如何让父元素随内部文字的增多而被撑大
2.如何让子元素内部文字被父元素的宽高限制而自动缩小

  1. 是否可以给 需要超出的 button 单独设置个 高度自动呢 height: auto;

改变宽度,自动左右撑开不会影响美观

其实,文字过多不仅仅是不好看的问题
而是你业务逻辑不清
指定负责人是指定负责人,提交是提交
什么指定负责人并提交,这话看起来就让人费解
如果你指定负责人是在另一个窗口里指定,那真正的提交按钮肯定也在另一个窗口,那么这个窗口就跟提交没有关系
如果你指定负责人是在一个文本框之类的地方,那你点这个按钮的时候就应该已经指定好了才对,那就直接叫提交而不是什么指定并提交

按钮功能描述,建议简单明了。
提交就是提交,你可以在提交时校验提示是否选择负责人。