A tag <span.> Pertence ao elemento embutido, então a altura e a largura não podem ser definidas; se você precisar alterar sua largura e altura, você precisa transformá-lo em um elemento de bloco ou um elemento de bloco embutido:
span {display: inline-block;}
Exemplo de demonstração: dois estilos são fornecidos abaixo, class1 define a largura e a altura da extensão, class2 altera a extensão para um elemento de bloco embutido, adiciona o estilo class1 a uma das extensões e o outro adiciona class1 e estilo class2, observe o efeito
Criar elemento Html
<span class="class1">示例文字</span>
<span class="class1 class2">示例文字</span>
Definir estilo css
.class1{width:200px;height:30px;line-height:30px;padding:10px;margin:20px;border:1px solid green;}
.class2{display:inline-block;}
Efeito de observação:
como o primeiro vão é um elemento embutido por padrão, as configurações de largura e altura não funcionam; o segundo vão foi alterado para o modo de bloco embutido, então a largura e a altura podem ser definidas