앵커 태그()가 특정 너비와 높이(픽셀 단위)를 가질 수 있습니까?

) 특정 너비와 높이가 픽셀 단위로 있습니까? " />

앵커 태그 크기 사용자 정의

질문:

앵커 태그()가 픽셀 단위로 특정 너비와 높이를 가질 수 있습니까? 앵커 내의 텍스트를 유지하면서 이를 어떻게 달성할 수 있나요?

배경:

다음 CSS 코드를 고려하세요.

<code class="css">li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}</code>

HTML:

<code class="html"><li><a href="#">Something</a></li></code>

해결 방법:

앵커 태그의 너비 및 높이 사용자 정의를 활성화하려면 표시 속성을 수정해야 합니다.

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

display: block 또는 display: inline-block을 설정하면 앵커 태그가 너비와 높이를 모두 지원하는 인라인 수준 요소가 됩니다. 이렇게 하면 앵커 태그가 배경 이미지를 표시하는 동시에 텍스트 내용을 유지할 수 있습니다.

위 내용은 앵커 태그()가 특정 너비와 높이(픽셀 단위)를 가질 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!