es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Números de marcadores del centro de folleto.

25 Jul, 2023 Programación

¿Alguien tiene idea de cómo centrar los números dentro de los marcadores? Esta es la situación actual.

Imagen del marcador con número.

Creación de un marcador

return L.divIcon({
  className: "green-icon",
  iconSize: [25, 41],
  iconAnchor: [10, 44],
  popupAnchor: [3, -40],
  html: markerNumber,
});

CSS

.green-icon {
  background-image: url("../GreenIcon.png");
  background-repeat: no-repeat;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-weight: bold;
}
Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para centrar los números dentro de los marcadores, puede modificar el CSS del marcador de la siguiente manera:

    .green-icon {
 background-image: url("../GreenIcon.png");
 background-repeat: no-repeat;
 margin: auto;
 text-align: center;
 color: white;
 font-weight: bold;
 line-height: 25px; /* ajuste este valor para centrar el número verticalmente */
 }

    Al establecer la propiedad de margen como “auto” y eliminar los márgenes izquierdo y derecho, el marcador se centrará horizontalmente. La propiedad de altura de línea también se puede ajustar para centrar el número verticalmente dentro del marcador.

Comments are closed.