This commit is contained in:
结发受长生
2018-06-14 21:53:44 +08:00
parent 72a6daf3f5
commit a4fcbf56a9
2 changed files with 62 additions and 1 deletions
@@ -60,7 +60,7 @@ width和height是作用在哪个盒子上的 , 根据上面设置height和width
width的默认值是`auto`
它至少包含以下不同的宽度表现
+ **充分利用可用空间** : 这种表现之下 , 与设置100%值无差别 , 横向占满父容器 , 见于外在块级元素 , 比如`<div>`, `<p>`
+ **充分利用可用空间** : 这种表现之下 , 横向占满父容器 , 见于外在块级元素 , 比如`<div>`, `<p>`
+ **收缩与包裹** : 代表是浮动 绝对定位 inline-block元素或table元素
+ **收缩到最小** : 容易出现在table-layout为auto的表格中 ( 表现为表格中的文字呈竖排被压缩为一列 )
+ **超出父容器限制** : 内容为很长的连续英文或数字 ( 汉字可以在任意位置截断 ) , 或者内联元素被设置了`white-space:nowrap`