html中的a,html中的列表

首页 > 技术 > 作者:YD1662023-04-20 14:05:26

前言

由于前端所设计的领域太多,每篇文章所能讲述的知识点太多,对于读者来说不太好消化,因此以后基本是采用一篇文章一个知识点来写作。

今天这篇文章主要讲解CSS中a标签的高度和宽度问题。

html中的a,html中的列表(1)

css

问题描述

在采用div css的方式布局页面时,对于超链接a标签,无法设置其高度和宽度,即使对其设置了width和height属性,也不会生效。

我们通过如下例子来看看。

给a标签设置了如下css属性。

html中的a,html中的列表(2)

css属性

但是从下图可以看出,a标签的高度和宽度没有发生变化,仍然是122px*22px。

html中的a,html中的列表(3)

实际效果

问题原因

为什么会出现这个情况呢?

因为a标签属于行内元素,行内元素是无法直接设置高度和宽度的。

遇到这个问题,我们该怎么解决呢,主要有以下几个方法。

解决方法1-设置块级元素

既然行内元素无法设置高度和宽度,那么我们将其设置为块级元素呢?

我们对a标签设置以下的样式。

html中的a,html中的列表(4)

首页 123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.