CSS li标签宽度问题

html-css0174

CSS li标签宽度问题,第1张

将display:inline 改成 display:inline-block 就大功告成了。将一行的li元素视作类似div的盒子,这样width就能生效了。而不是对文字的属性才有效果

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

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

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

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

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

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