Können Sie die Breite und Höhe von Anker-Tags festlegen?

Können Sie die Breite und Höhe von Tags festlegen?

Es ist möglich, die Breite und Höhe des Ankers festzulegen Tags in Pixeln, sodass Sie Anker-Tags mit einem Hintergrundbild erstellen und gleichzeitig den Textinhalt beibehalten können.

Um dies zu erreichen, müssen Sie die Anzeigeeigenschaft des Anker-Tags ändern:

<code class="css">a {
  display: block;
  /* or */
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: red;
}</code>

Durch die Einstellung von display: block oder display: inline-block wird das Ankertag zu einem Element auf Blockebene oder einem Inline-Element, für das sowohl Breite als auch Höhe festgelegt werden können. Dadurch kann es die angegebenen Pixelabmessungen sowohl für die Breite als auch für die Höhe akzeptieren:

<code class="html"><li><a href="#" style="width: 32px; height: 32px; background-color: orange;">Something</a></li></code>

Mit dieser Änderung zeigt das Anker-Tag das Hintergrundbild innerhalb der angegebenen Breite und Höhe an, enthält aber weiterhin den Text „Etwas. „

Das obige ist der detaillierte Inhalt vonKönnen Sie die Breite und Höhe von Anker-Tags festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!