CSS中“a”标签能定义宽度吗

html-css050

CSS中“a”标签能定义宽度吗,第1张

首先你得理解行内标签和块级标签的含义,

a标签是行内标签,设置宽高是无效的,

因为你要先把他转为块级标签

a {

    display:'block'

    width:85px

}

因为A是行内元素,不支持宽度的设定;

如果想A支持设置宽度,首先将其变成块元素,CSS文件修改如下:

a{

display:inlin-block/*设置为行内块*/

width:100px;/*设置a标签宽度为100px*/

}

因为你在a标签上设置了padding:4px

标签设置padding属性的情况下,浏览器所显示效果为:当前标签width+padding=实际显示宽度,

你这里a设置了width:130px那么实际显示宽度就会是138px;

所以,你如果想让li与a宽度一样,那么a标签的宽度要减少8px;

当然,你这里所写的布局一般是不会出现宽度不同的问题,li设定float:left后,宽度是根据内部a标签的实际宽度而自适应的

你只要了解了这个问题,以后写其他样式的时候就能有数了