为什么a标签不能设置宽高？

给a标签设置了css样式：width:200px;height:50px;，它依然不变。因为a标签是行内元素，所以给它设置宽高的时候，首先要把它转换为块元素，代码如下：


<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style>a{border:1px solid red;width:200px;height:50px;display:inline-block;}</style></head><body>       <a>a元素</a>        </body>
</html>

display:inline-block;就可以将它转换成快元素了，span元素也是如此。

为什么a标签不能设置宽高？相关推荐

html a标签怎样设置宽高,a标签如何设置高度和宽度
我们直接设置html代码中的a标签高度和宽度是不会起作用的,这是因为a标签属于内联元素标签,而内联元素不支持设置宽度(width)和高度(height),那么, a 标签如何设置宽度和高度. 为什么设 ...
[css] img标签是行内元素，为什么却能设置宽高
[css] img标签是行内元素,为什么却能设置宽高原来CSS中还有一个概念:可替换元素MDN上是这么解释的:在 CSS 中,可替换元素(replaced element)的展现效果不是由 CSS ...
为什么有些内联（行内）元素可以设置宽高？
为什么有些内联(行内)元素如img.input可以设置宽高? 在说明之前我们先来了解一些定义. 块级元素和内联元素: ①块级元素总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示. 宽 ...
行内元素和块级元素的区别，为何img、input等行内元素可以设置宽高??（夯实基础）
我们习惯将html中元素分类为行内元素和块级元素,如下: ·常见块级元素有:html.body.div.header.footer.nav.section.aside.article.p.hr.h1~ ...
如何给行内元素设置宽高
我们都知道行内元素直接设置宽高是无效的.当我们在面试中遇到这个问题的时候,很容易想到给它设置 display:block或者display:inline-block就可以了,但是面试官来了句" ...
gridcontrol值为0时设置为空_CSS设置宽高的小技巧
一.css宽高自适应: 1.宽度自适应: 元素宽度设为100%(块状元素的默认宽度为100%) 注:应用在通栏效果中 2.高度自适应: height:auto;或者不设置高度 3.最小,最大高度,最小 ...
RN设置宽高100%
RN 中如何设置宽高为100% 在组件中引入Dimensions,调用get方法 import React from 'react' import{Dimensions, View, Text} fr ...
行内和块级元素区别?如何让行内元素设置宽高?
行内和块级元素区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素 ...
如何让行内元素可以设置宽高
行内元素可以通过 1:浮动 2:定位 3:display 变成块级元素或者行内块元素然后可以设置宽高.

为什么a标签不能设置宽高？

为什么a标签不能设置宽高？相关推荐

最新文章

热门文章