html 文字占3个长度,[frontend] 根据文字长度 自适应宽度 自适应高度+ Uncaught ReferenceError: xxx is not defined at HTMLDivEl...

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

+ '

';

$("#foot-data-list").append($(html));

});

}