前端
GigalomaniaX_Y
简单的前端爱好者
展开
-
关于CSS中input输入框和Buuton按钮空格和对不齐问题的解决
问题分析:当我们在HTML页面中使用输入框和按钮框放在一起时会发现其中有空隙,而且对不齐的情况造成空白的原因是因为input和button框是inline-block元素,俩者间存在隐藏的换行符;对不齐的原因是因为input和button计算高度的方式不同解决方法:给父元素添加font-size属性,解决空白问题给输入框和button添加vertical-align:middle;并将盒模型调整为border-box,就可以在俩标签相同高度的情况下对齐且靠紧 <style&g原创 2021-08-17 23:11:27 · 886 阅读 · 0 评论 -
Vue脚手架中唯一ID生成库nanoid的使用
简介一个小巧的、安全的、URL 友好的、独特的 JavaScript 字符串 ID 生成器。导入cmd中输入npm i nanoidVue脚手架中import// 导入nanoid库import { nanoid } from "nanoid";生成一个随机id// An highlighted blockconst id = nanoid();结果// 生成了一串随机的idconsole.log(id) //"OAJke5RUTsLZvKyRW9Ahl"...原创 2021-08-13 20:53:19 · 3425 阅读 · 5 评论