css a 标签设置宽高

CSS中的a标签是很常用的一个元素，通常用于创建链接。而当我们想要设置a标签的宽度和高度时，就需要用到CSS的width和height属性了。

a {
  width: 100px; /* 设置宽度为100像素 */
  height: 50px; /* 设置高度为50像素 */
}

上述代码就是设置a标签的宽度为100像素，高度为50像素。宽度和高度的单位可以是像素、百分比、em等。

a {
  width: 50%; /* 设置宽度为父元素宽度的50% */
  height: 2em; /* 设置高度为字体大小的2倍 */
}

另外，当a标签包含文字时，我们可能会发现设置了宽度后文字会折行，这时我们可以使用CSS的text-overflow属性来控制文字的显示。使用该属性时，还需要设置overflow:hidden来隐藏超出部分。

a {
  width: 100px; /* 设置宽度为100像素 */
  height: 50px; /* 设置高度为50像素 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow:ellipsis; /* 使用省略号来代表被截断的文本 */
  white-space: Nowrap; /* 设置为不换行 */
}

上述代码展示了如何利用text-overflow属性和省略号来显示被截断的文本。

总之，CSS的width和height属性可以轻松地控制a标签的宽度和高度，搭配其他属性，能够更好地控制a标签的样式。