美文网首页
flex 布局,input的宽度不会自适应

flex 布局,input的宽度不会自适应

作者: EchoHi | 来源:发表于2020-08-21 14:07 被阅读0次

flex布局,input给样式flex:1不会自适应,会导致input同级元素被挤压。


140124.png

解决办法:

给 input 加上min-height来解决。

input{min-width:4rem;flex:1;}

相关文章

  • flex 布局,input的宽度不会自适应

    flex布局,input给样式flex:1不会自适应,会导致input同级元素被挤压。 解决办法: 给 input...

  • css 事件

    布局: 高度已知,左边宽度300,右边300,中间宽度自适应布局 浮动、绝对定位、flex、display:tab...

  • flex布局中input没有自适应长度的解决方法

    因为input标签有一个默认最小长度,在flex布局中 flex-auto如果宽度小于input长度时input会...

  • 移动端布局

    1.百分比布局 百分比布局, 也叫流式布局效果: 宽度自适应,高度固定。 2.Flex布局 Flex布局/弹性布局...

  • 问题:el-table与flex产生的宽度自适应失效

    需求描述:左右布局如下,其他信息可切换隐藏,列表宽度自适应 问题描述:使用flex布局,使用flex:1后el-t...

  • CSS布局

    1. 实现一个两栏布局,左侧固定宽度200px,右侧自适应宽度,附上预览接。 使用浮动做布局 使用 flex 布局...

  • CSS布局&媒体查询

    1. 实现一个两栏布局,右侧固定宽度200px,左侧自适应宽度,附上预览链接。 浮动布局使用 flex 布局 2....

  • 三栏布局

    三栏布局一般是指:左右宽度固定,中间自适应常见的布局方式: Position定位、table布局、弹性(flex)...

  • flex的左右布局,右侧出现x轴滚动条

    场景: flex的左右布局,左侧菜单宽度固定,右侧自适应。 实现: .main{width:100%;disp...

  • 布局居中

    两栏布局 左侧固定宽度右边自适应 负margin方法: overflow方法: position方法: flex方...

网友评论

      本文标题:flex 布局,input的宽度不会自适应

      本文链接:https://www.haomeiwen.com/subject/suuujktx.html