) 有特定的宽度和高度(以像素为单位)吗? " />
问题:
锚标记 () 可以有特定的宽度和高度(以像素为单位)吗?我们如何在保留锚点内文本的同时实现这一目标?
背景:
考虑以下 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,锚标签就成为了同时支持宽度和高度的行内元素,这样锚标签就可以保留其文本内容,同时还显示背景图片。