Установка ширины и высоты в теге A

Можно ли установить ширину и высоту в пикселях на ярлыке привязки? Я бы хотел, чтобы привязывающий тег имел фоновое изображение, сохраняя текст внутри якоря.

  • Something
  • li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; }

    Вам необходимо сделать свой якорный display: block или display: inline-block; и затем он примет значения ширины и высоты.

    Вы также можете использовать display: inline-block . Преимущество этого заключается в том, что он будет устанавливать высоту и ширину как элемент блока, но также установить его в линию, чтобы вы могли иметь еще один тег, расположенный рядом с ним, разрешая родительское пространство.

    Вы можете узнать больше о свойствах отображения здесь

    Все эти предложения работают, если вы не поставили якоря внутри списка UL.

      

    Затем в браузере Chrome переопределяются любые правила таблицы каскадного стиля. Ширина становится автоматической. Затем вы должны использовать встроенные правила CSS непосредственно на самом якоре.

    Это не точный дубликат (насколько я могу найти), но это обычная проблема .

    display:block – это то, что вам нужно. но вы должны прочитать спецификацию, чтобы понять, почему.