0
184
ViewsCómo agregar espacio después de "," en una cadena usando CSS/Sass
Tengo una celda de tabla y tiene una cadena. Necesito dar espacio proporcionar un solo espacio después de la coma usando solo CSS/scss. Debe tener un aspecto como este. 
Actualmente se ve como la imagen de abajo
Este texto de 3500 GE está en una etiqueta de intervalo y también necesito cambiar la posición del texto dentro de la etiqueta de intervalo como se muestra en la primera etiqueta.
Todo lo que puedo encontrar es una solución usando JS, pero solo quiero a través de CSS/SCSS.
.amountCount { text-align: center; position: relative; } <span class="amountCount">3,500 GE</span>2 answers
Answer question0
En primer lugar, CSS no es adecuado para esa operación ya que CSS está a cargo del estilo, no de modificar los contenidos reales que existen en el DOM.
En cualquier caso, si realmente necesita hacerlo con CSS y puede dividir el contenido HTML en dos, puede insertar nuevos elementos con contenido personalizado usando CSS y alcanzar su objetivo.
.amountCount span:not(:last-child):after{ content: ", "; } <span class="amountCount"> <span>3</span> <span>500 GE</span> </span>0
Existe una solución solo HTML (ciertamente imperfecta), que es usar una coma de ancho completo :
，Ejemplo de trabajo:
table, td { border: 1px solid rgb(0, 0, 0); } td { padding: 6px 12px; } <table> <tr> <td><span class="amountCount">3,500 GE</span></td> <td><span class="amountCount">3，500 GE</span></td> </tr> </table>NB Reconozco que esto es imperfecto ya que desea que el espacio en blanco se muestre solo en el lado derecho del carácter de coma, no en ambos lados.