2020年5月30日15:58:52
引子:虽然少有人用到inline元素,但是对于inline元素的一些特性我们有时候却又不得不了解,特别是大家在使用width设置宽度值时对此会有许多不解,其与inline-block元素表现如此接近却又有许多不同,这次我只介绍一种,即width层面的不同。
闲话不多说,我们开始正题:
说道设置width,我们不得不先回顾一个重要的概念:盒子,除掉附加盒子这个概念,我们来讨论下盒子的两个组成部分:
①.外在盒子:即盒子的外在表现,诸如块级盒子换行显示,内联盒子同行显示一样
②.内在盒子: 即盒子的内容表现,内容的呈现,与上述概念均同
相信如果自己没有做过实验的话,是很难理解为什么会这样?
甚至于只知其一不知其二,脑子混混沌沌的,因为概念始终模糊不清,笔者之前就是这样,现在也不过是稍微清楚了点
了解了盒子的概念,我们还得知道width作用的细节:
那么width是作用在哪个盒子上的呢?答案当然是内在盒子了,毕竟你要设置的宽度应以内容为主嘛