亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Ich habe den folgenden CSS-Code, der Teil eines gr??eren CSS-Codes ist, der in einer Website verwendet wird, die ich entwickle:

.cards-u {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.card-u {
  margin: 20px;
  padding: 20px;
  width: 160px;
  height: 160px;
  line-height: 120px;
  justify-content: center;
  align-items: center;
  text-align: center;
  align-self: center;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
  text-decoration: none;
}

.card-1-u {
  background: radial-gradient(#1fe4f5, #3fbafe);
}

Im HTML-Code habe ich:

<div class="cards-u">
 <a href="https://example.com" class="card-u card-1-u" style="text-decoration: none;">
   <h3>Text Sample 1</h3> 
 </a>
 <a href="https://example.com" class="card-u card-1-u" style="text-decoration: none;">
  <h3>Text Sample 2</h3> 
 </a>
</div>

Aber der Text Text Sample 1 和 Text Sample 2 ist nicht vertikal zentriert, sondern oben in der Flexbox. Es sieht so aus, als würde etwas in meinem gro?en CSS-Code st?ren, aber ich wei? nicht was. Meine Frage lautet: Angenommen, wir wissen nicht, was der Rest des CSS ist. K?nnen wir diesen Teil zwingen, das zu tun, was wir wollen, n?mlich den Text in der Flexbox vertikal zu zentrieren?