我如何摆脱这个 div 的顶部和底部填充？

Question

const you_el = document.createElement('div')
  you_el.classList.add('you')
  you_el.textContent = 'you'

.you {
    color: white;
    background-color: var(--violet);
    border-radius: 2px;
    padding: 0px 2px; 
    padding-bottom: 0px;
    justify-content: center;
    margin-right: 10px;
    margin-top: 0px;
    cursor: default;
    font-size: 10px;
}

这是与 div。我也已经用 span 或 p 标签试过了。我想减少垂直填充，但它不起作用。谁能帮帮我吗？谢谢你。

Answer 1

试试这个

.you {
    color: white;
    background-color: var(--violet);
    border-radius: 2px;
    padding: 0px 0px; 
    justify-content: center;
    margin-right: 10px;
    margin-top: 0px;
    cursor: default;
    font-size: 10px;
}