CSS中的display :block 和display :inline ???
看别人写的CSS代码中有用到display :block,特别是菜单,但侧边栏的列表却没用,难道菜单的链接就非用不可吗?用不用有什么区别?还有有的菜单的列表里还加了display :inline ,有的却没用,但效果没看出有什么不一样啊。 请各位高手细解一下,谢谢。
看别人写的CSS代码中有用到display :block,特别是菜单,但侧边栏的列表却没用,难道菜单的链接就非用不可吗?用不用有什么区别?还有有的菜单的列表里还加了display :inline ,有的却没用,但效果没看出有什么不一样啊。 请各位高手细解一下,谢谢。
答案:实践后你就知道。必须地,正常是
a{display:block;}将行内元素变成块级元素,这样才会有你所想要的效果。
其他:百度:
css块级元素、css行内元素
概念搞懂了你就明白了 利用dispaly:block将链接元素转换成块元素之后,在设置它的宽和高就可以增大链接元素的点击区域, 加display:inline是为了防止IE6的双倍边距blug,在IE高版本中是看不出效果的