搜索框布局

本文介绍了如何处理搜索框在输入内容过多时的布局优化,通过调整盒模型来确保内容不会溢出,同时保持美观。在样式设置中添加特定属性,使浏览器正确解析边框和内边距,实现IE盒模型的效果,并最终将改动提交到线上。
摘要由CSDN通过智能技术生成
  1. 创建一个新的分支city-search
    然后回到终端,运行git pull指令,切换到city-search分支:
    在这里插入图片描述
    然后重新启动服务器。
  2. components下创建Search.vue
    在这里插入图片描述
    City根组件中引用注册并使用:
    在这里插入图片描述
    样式:
    在这里插入图片描述
    但是我们发现输入字数过多的时候内容超出input框显得不美观:
    在这里插入图片描述
    优化:加padding:0 .1rem但是:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值