La etiqueta <span.> Pertenece al elemento en línea, por lo que la altura y el ancho no se pueden establecer; si necesita cambiar su ancho y alto, debe convertirlo en un elemento de bloque o un elemento de bloque en línea:
span {display: inline-block;}
Demostración de ejemplo: A continuación se dan dos estilos, class1 establece el ancho y la altura del tramo, class2 cambia el tramo a un elemento de bloque en línea, luego agrega el estilo class1 a uno de los tramos, y el otro agrega class1 y estilo class2, observa el efecto
Crear elemento HTML
<span class="class1">示例文字</span>
<span class="class1 class2">示例文字</span>
Establecer estilo CSS
.class1{width:200px;height:30px;line-height:30px;padding:10px;margin:20px;border:1px solid green;}
.class2{display:inline-block;}
Efecto de observación:
debido a que el primer tramo es un elemento en línea de forma predeterminada, la configuración de ancho y alto no funciona; el segundo tramo se ha cambiado al modo de bloque en línea, por lo que se puede establecer el ancho y la altura
