Partagez une méthode pour agrandir la taille de la police et la non centrée dans la préface

Scénario : cliquez sur une lettre pour faire apparaître un modal et afficher la lettre dans le modal.
style :

.modal{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 600rpx 300rpx 0 300rpx;
  height: 140rpx;
  border-radius: 10rpx;
  line-height: 160rpx;
  color: #fff;
  font-size: 40pt;
  box-sizing: border-box;
  background-color: rgba(178, 178, 178, 0.7)
}

Le résultat est le suivant :

1.png

Analyse : En zoomant et dézoomant sur la police, vous pouvez voir que lorsque la police est petite, elle est centrée, et lorsqu'elle est zoomée, elle est zoomée le long de la ligne de gauche. à partir du point central du mécanisme, zoomez en CSS.

Solution : Ajouter un remplissage
padding-right: 23rpx;
Le résultat est le suivant :

2.png

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!