为什么在css中不能单独给超链接(a标签)设置width和height,也不能设置居中对齐?一定要加上display:block;才行吗?
每个元素都有一个默认display(由浏览器自动设置),这个属性决定了元素的展现模式及与周围元素的关系,一般分几种:
1.block 块级,这种模式的元素一般一个元素独占一行,一般是div p h1 这种独立区块或一整段文本
2.inline 行内级,多个inline元素会挤在一起,直到一行放不下了才换行,一般是a span strong这种文本中关键词的部分,话说img也是行内元素,这类元素会根据内容来计算高度,不能手动设高度或垂直方向的内外边距
3.其他类型display,比如table这种特殊元素有特殊的展现控制规则
最后,我们可以手动改变元素的display,如果题主想设置a的高度,又不想让他单独成行,可以设置display为inline-block,可以吸收两种类型的特点,是常用的方式
当然,还是建议深入了解下CSS盒模型,因为很重要
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。