CSS:单击按钮后，您将看到在一行中创建div。我想要"；divs"；第二行的第一行的正下方；divs"；但他们被安排留下一个缺口。"；divs"；不应该被打扰。
function myFunction() {
addWordToList("Apple", "Fruit");
}
var spno = 0;
function addWordToList(Word, Meaning)
{
spno++;
var dv = document.createElement("DIV");
document.body.appendChild(dv);
dv.setAttribute("class", "tooltip");
dv.setAttribute("id", "pilldiv"+spno);
document.getElementById("pilldiv"+spno).textContent=Word;
dv.insertAdjacentHTML('afterend', " ");
var spn = document.createElement("SPAN");
dv.appendChild(spn);
spn.setAttribute("class", "tooltiptext");
spn.setAttribute("id", "spn"+spno);
document.getElementById("spn"+spno).textContent=Meaning;
}.tooltip {
position: relative;
display: inline-block;
width: auto;
height: 1.6em;
margin: 4em auto;
padding-left: 10px;
padding-right: 10px;
border-radius: 10%/50%;
background: linear-gradient(to right, #11998E , #38EF7D);
font-weight: 700;
}
.tooltip .tooltiptext {
visibility: hidden;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}<!DOCTYPE html>
<html>
<head></head>
<body>
<button onclick="myFunction()">Click to Create Divs</button>
</body>
</html>将工具提示的css更改为以下内容：
.tooltip {
position: relative;
display: inline-block;
width: auto;
height: 1.6em;
padding-left: 10px;
padding-right: 10px;
border-radius: 10%/50%;
background: linear-gradient(to right, #11998E , #38EF7D);
font-weight: 700;
}
即移除"；边距：4米自动&"；。由于余量的原因，盒子的实际高度正在增加，并产生了间隙。