CSS一行代码就可以解决第一个问题：

1.1 根据文字长度，自适应标签宽度

解决方法：把width的设置删掉，加一行代码 display:table;

.tag-footdetail{
/width: 300px;/
height: 40px;
font-size: 1.5rem;
line-height: 40px;
text-align: center;
border-radius: 15px;
border: 1px solid #D2B991;
float: left;
margin-right: 30px;
margin-bottom: 10px;
background-color: #D2B991;
color: black;
display:table;
}

1.2 根据文字长度，自适应标签高度

CSS中

height:auto;

display:inline-block;

2.Uncaught ReferenceError: xxx is not defined at HTMLDivElement.onclick

解决方法：

1）注意引用juery是否有错 对应的

2）这其实是个很简单的问题，主要是注意xxx是否是个字符串，要不要加引号。

以下为例，value.id和value.name 都是需要加’ '的，加上之后可以解决这个问题。

function renderFootData(data) {
$.each(data.result, function(index, value) {
var html = ‘

’
+ value.name
+ ‘

’;
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲foot-data-list"…(html));
});
}

welcome
https://giphy.com/channel/kmu5kk
https://giphy.com/channel/nwqy75
https://giphy.com/channel/l6bbt4
https://giphy.com/channel/n2v1m7
https://giphy.com/channel/oww3pe
https://giphy.com/channel/d61fh0
https://giphy.com/channel/o63n6g
https://giphy.com/channel/8x8xf6
https://giphy.com/channel/92apjx
https://giphy.com/channel/yqj5yt
https://giphy.com/channel/7a7qct
https://giphy.com/channel/nunf4v
https://giphy.com/channel/1i663s
https://giphy.com/channel/gqkti5
https://giphy.com/channel/lt0ja5
https://giphy.com/channel/2iak30
https://giphy.com/channel/6o5p24
https://giphy.com/channel/bb8r7s
https://giphy.com/channel/tt5z34
https://giphy.com/channel/k22kxx
https://giphy.com/channel/4d02mf
https://giphy.com/channel/i8bioa
https://giphy.com/channel/pifsbg
https://giphy.com/channel/tj31st
https://giphy.com/channel/4p5xew
https://giphy.com/channel/5wexef
https://giphy.com/channel/3f7jfk
https://giphy.com/channel/9nr2vx
https://giphy.com/channel/7asbcb
https://giphy.com/channel/6c9hbk
https://giphy.com/channel/oy0f2w
https://giphy.com/channel/fg32uc
https://giphy.com/channel/a57jp0
https://giphy.com/channel/sqhy9h
https://giphy.com/channel/jcgjgb
https://giphy.com/channel/nav43m
https://giphy.com/channel/859koo
https://giphy.com/channel/5t85j3
https://giphy.com/channel/0ay0ap
https://giphy.com/channel/d51nnd
https://giphy.com/channel/a8aacd
https://giphy.com/channel/zaisz8
https://giphy.com/channel/kurilr
https://giphy.com/channel/iywsqj
https://giphy.com/channel/zi6ls7
https://giphy.com/channel/tlkjks
https://giphy.com/channel/8aias5
https://giphy.com/channel/mvebr1
https://giphy.com/channel/9fxg0g
https://giphy.com/channel/9m6n85
https://giphy.com/channel/7yqhwy
https://giphy.com/channel/16owgm
https://giphy.com/channel/v6ow2f
https://giphy.com/channel/5en7l0
https://giphy.com/channel/absmld
https://giphy.com/channel/uc2umf
https://giphy.com/channel/is5trl
https://giphy.com/channel/fx0dem
https://giphy.com/channel/s4w7un
https://giphy.com/channel/h6rz9g
https://giphy.com/channel/yxgaoi
https://giphy.com/channel/vwyiw2
https://giphy.com/channel/1ofgxf
https://giphy.com/channel/hi773j
https://giphy.com/channel/dj1l99
https://giphy.com/channel/ooyg81
https://giphy.com/channel/w4w7zn
https://giphy.com/channel/3bddjv
https://giphy.com/channel/dyydg2
https://giphy.com/channel/wv63cl
https://giphy.com/channel/ip3i9a
https://giphy.com/channel/0nn4py
https://giphy.com/channel/h6fror
https://giphy.com/channel/ia7c6i
https://giphy.com/channel/z77x36
https://giphy.com/channel/jwq5z1
https://giphy.com/channel/a75420
https://giphy.com/channel/qyify8
https://giphy.com/channel/4z08qs
https://giphy.com/channel/z35zaj
https://giphy.com/channel/izy78q
https://giphy.com/channel/u5dmwc
https://giphy.com/channel/h3z661
https://giphy.com/channel/33gjno
https://giphy.com/channel/ewmzmi
https://giphy.com/channel/9293s0
https://giphy.com/channel/eyw2zw
https://giphy.com/channel/n2hw8g
https://giphy.com/channel/e0x4we
https://giphy.com/channel/x78ov6
https://giphy.com/channel/vjl234
https://giphy.com/channel/x0yabt
https://giphy.com/channel/8xtdwm
https://giphy.com/channel/rj5ra9
https://giphy.com/channel/gqq9kk
https://giphy.com/channel/z98h64
https://giphy.com/channel/uwoe4l
https://giphy.com/channel/0kcbf3
https://giphy.com/channel/qa5hww
https://giphy.com/channel/69fcv8
https://giphy.com/channel/ia736f
https://giphy.com/channel/t8tir0
https://giphy.com/channel/myvmx6
https://giphy.com/channel/lr40cv
https://giphy.com/channel/81863v
https://giphy.com/channel/pa4gqw
https://giphy.com/channel/uudtc3
https://giphy.com/channel/qyauya
https://giphy.com/channel/cd3u7j
https://giphy.com/channel/bb4fqg
https://giphy.com/channel/5f4hhw
https://giphy.com/channel/x5o02q
https://giphy.com/channel/jg6siq
https://giphy.com/channel/oq7kkk
https://giphy.com/channel/629wp4
https://giphy.com/channel/p6sj02
https://giphy.com/channel/g3f4i8
https://giphy.com/channel/jzzzt8
https://giphy.com/channel/3ykkz6
https://giphy.com/channel/8nh1r3
https://giphy.com/channel/g3l3em
https://giphy.com/channel/55gd8f
https://giphy.com/channel/1fzaqh
https://giphy.com/channel/4ax96x
https://giphy.com/channel/8sar44
https://giphy.com/channel/cjj05k
https://giphy.com/channel/0gw0n1
https://giphy.com/channel/tckucr
https://giphy.com/channel/hojk8z
https://giphy.com/channel/n1mhwy
https://giphy.com/channel/1euutd
https://giphy.com/channel/6cn3fg
https://giphy.com/channel/alavti
https://giphy.com/channel/vnpep3
https://giphy.com/channel/o6wfm3
https://giphy.com/channel/jihq36
https://giphy.com/channel/7u5vvt
https://giphy.com/channel/5i86kk
https://giphy.com/channel/bsect1
https://giphy.com/channel/ce19em
https://giphy.com/channel/8en313
https://giphy.com/channel/4l1owk
https://giphy.com/channel/7rtzpy
https://giphy.com/channel/ze20nn
https://giphy.com/channel/ds4bc5
https://giphy.com/channel/1ubte7
https://giphy.com/channel/xg64hp
https://giphy.com/channel/x7g79d
https://giphy.com/channel/zwgq0x
https://giphy.com/channel/8kxsgb
https://giphy.com/channel/6bgpg8
https://giphy.com/channel/iq83cb
https://giphy.com/channel/rzpr8z
https://giphy.com/channel/assqxo
https://giphy.com/channel/cmsktn
https://giphy.com/channel/ybf528
https://giphy.com/channel/w1n7me
https://giphy.com/channel/ynnyl3
https://giphy.com/channel/bgyj83
https://giphy.com/channel/687veg
https://giphy.com/channel/qdqmrr
https://giphy.com/channel/zbsq5y
https://giphy.com/channel/px58fp
https://giphy.com/channel/s4vlsu
https://giphy.com/channel/qqgry6
https://giphy.com/channel/v6270c
https://giphy.com/channel/j1vame
https://giphy.com/channel/fjjrzx
https://giphy.com/channel/j0uede
https://giphy.com/channel/zyqw6h
https://giphy.com/channel/q7x2gh
https://giphy.com/channel/qrp7ib
https://giphy.com/channel/f60qqf
https://giphy.com/channel/f8g2n8
https://giphy.com/channel/59bc43
https://giphy.com/channel/s5s0x6
https://giphy.com/channel/z56a1o
https://giphy.com/channel/d9kdh2
https://giphy.com/channel/a42viz
https://giphy.com/channel/kpcqap
https://giphy.com/channel/0jwa2x
https://giphy.com/channel/26hi88
https://giphy.com/channel/xpnegy
https://giphy.com/channel/3pzvvx
https://giphy.com/channel/6ee3va
https://giphy.com/channel/5k6bnl
https://giphy.com/channel/6nns92
https://giphy.com/channel/v8q982
https://giphy.com/channel/kxjq2h
https://giphy.com/channel/p6o4yf
https://giphy.com/channel/6z07rq
https://giphy.com/channel/2r9k0b
https://giphy.com/channel/1xw286
https://giphy.com/channel/9i8z5z
https://giphy.com/channel/onq3hf
https://giphy.com/channel/0qf65o
https://giphy.com/channel/ba8bka
https://giphy.com/channel/bovkfu
https://giphy.com/channel/5fw29x
https://giphy.com/channel/f4nx29
https://giphy.com/channel/l2uo1f
https://giphy.com/channel/f420w4
https://giphy.com/channel/d4lfov
https://giphy.com/channel/1i9hzf
https://giphy.com/channel/6ja35z
https://giphy.com/channel/01pp6c
https://giphy.com/channel/ujli5d
https://giphy.com/channel/e7c9ki
https://giphy.com/channel/ymhh7h
https://giphy.com/channel/gg2224
https://giphy.com/channel/c7dw1t
https://giphy.com/channel/vzr1cv
https://giphy.com/channel/cjb0bj
https://giphy.com/channel/k0ks86
https://giphy.com/channel/2qzz96
https://giphy.com/channel/7nogfz
https://giphy.com/channel/o1ie3q
https://giphy.com/channel/9yi2p4
https://giphy.com/channel/2xwvn9
https://giphy.com/channel/s8gt9i
https://giphy.com/channel/1eoe6e
https://giphy.com/channel/f8dyy0
https://giphy.com/channel/kuv0dl
https://giphy.com/channel/3g6n9q
https://giphy.com/channel/vn57uu
https://giphy.com/channel/20bfc8
https://giphy.com/channel/k2cg31
https://giphy.com/channel/ya1638
https://giphy.com/channel/se4kma
https://giphy.com/channel/t40jat
https://giphy.com/channel/h32kxq
https://giphy.com/channel/qyb82t
https://giphy.com/channel/ek64be
https://giphy.com/channel/rk9ui0
https://giphy.com/channel/801r2l
https://giphy.com/channel/6giqwj
https://giphy.com/channel/oney1m
https://giphy.com/channel/3860s1
https://giphy.com/channel/a6jiij
https://giphy.com/channel/32tart
https://giphy.com/channel/j04u01
https://giphy.com/channel/3gozp4
https://giphy.com/channel/wdbcj7
https://giphy.com/channel/s981ls
https://giphy.com/channel/60kwme
https://giphy.com/channel/0m2dx3

根据文字长度 自适应宽度 自适应高度+ Uncaught ReferenceError: xxx is not defined at HTMLDivElement.onclick相关推荐

  1. 报错Uncaught ReferenceError: xxx is not defined at HTMLButtonElement.onclick

    html标签里的onclick功能的时候总是报错:Uncaught ReferenceError: xxx is not defined at HTMLButtonElement.onclick 错误 ...

  2. Uncaught ReferenceError: xxx is not defined at HTMLButtonElement.onclick

    写js的时候一直复用着这个函数不知道为什么传这个参数就出现了这个错误 <button type="button" class="btn btn-info" ...

  3. Uncaught ReferenceError: xxx is not defined at HTMLInputElement.onclick JS问题

    报这种错一般是预加载问题,页面为加载定义的js被先加载出来了 解决办法是在js代码加 $(function(){}), 或者  $(document).ready(function(){ ?alert ...

  4. Uncaught ReferenceError: XXX is not defined at HTMLAnchorElement.onclick

    onclick传参的使用遇到XXX is not defined 问题 解决 问题 在开发过程中遇到如下报错 看一下我们的代码 我们改变一下会发现:当我们传id或者account等数字时,却不会报错! ...

  5. Uncaught ReferenceError: XXX is not defined

    在开发项目的时候前端经常遇到这个报错Uncaught ReferenceError: XXX is not defined.这个报错其实比较简单,但是对于刚接触的人来说还是得花不少时间去排查. 1.检 ...

  6. Uncaught ReferenceError: xxx is not defined 解决办法

    VM11371:1 Uncaught ReferenceError: inputSize is not defined     at <anonymous>:1:1 解决办法(根据需求调整 ...

  7. css文字长度实现宽度自适应、显示三行超出省略号

    width 不设置默认宽度铺满全屏,如果要实现宽度随着文字长度自适应,css width:fit-content; 如果要实现文字自动换行,最多显示三行,超出显示省略号,以下这种效果的话 overfl ...

  8. css根据文字长度实现宽度自适应

    根据文字长度,自适应width大小,使用这个CSS方式就可以实现. width: fit-content

  9. 关于web出现此问题：index:25 Uncaught ReferenceError: delFruit is not defined at HTMLImageElement.onclick

    除了其他博主的总结可能出现的问题外,以及排除低级情况如函数文件名写错外 大家还要注意一些小问题: script文件还是写在head标签对的内部,不要写在body的标签内部 外部引用js文件时,注意 s ...

最新文章

  1. 在ubuntu下安显卡驱动
  2. ios app的真机调试与发布配置
  3. Objective-C 文件夹操作
  4. Ubuntu 21.04终端中文乱码和无法输入中文
  5. Redis 哨兵Sentinel 文档
  6. android APP常用的颜色及代码
  7. C语言中能运算符重载吗,C++语言中什么运算符不能重载
  8. WPF 实现截屏控件之移动（二）（仿微信）
  9. 微观计量经济学_微观经济学与数据科学
  10. [css] scroll-snap-align属性的应用场景是什么？
  11. yum 安装mysql数据库
  12. 数据 3 分钟 | 农行因存在数据泄露风险被罚420万元、Databricks最新融资10亿美元...
  13. 【elasticsearch】 document 查询原理
  14. 在集设网看世界顶级电影海报欣赏，太美了！
  15. python可以不用主函数吗_python自定义函数可以向前引用不用声明
  16. 动态下拉框中如何使用常量？
  17. SVN和Git 介绍,区别,优缺点,适用范围总结
  18. 在手机与计算机之间进行文件传输的方式,电脑和手机传输文件方法_电脑和手机如何传文件-win7之家...
  19. 迁移学习和微调深度卷积神经网络
  20. Scratch制作贪吃蛇

热门文章

  1. COST231_hata模型信道仿真matlab编程源码
  2. 实现在线五子棋项目功能1
  3. 关于userfeel网站，20分钟如何赚10美金
  4. webrtc混音混流
  5. h5+app iOS 上架被拒问
  6. 微塑料颗粒/PS微球|纳米级单分散聚苯乙烯微球|亚微米级聚苯乙烯微球|氯甲基化聚苯乙烯微球/氯球
  7. Python中文件操作（IO流）及文件备份
  8. CVPR 2022 论文列表
  9. fake-useragent提示FakeUserAgentError: Maximum amount of retries reached解决方案
  10. OA系统与ERP系统进行整合打通，实现数据对接